@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
.bg_gray {
  background-color: #f3f3f3
}
.bg_gold {
  background-color: #f6d681
}
.simple_header_cont {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  overflow: hidden
}
.footer_bottom {
  padding: 25px 15px;
  background-color: #f3f3f3;
  color: #888;
  text-align: center
}
address {
  margin-bottom: 10px;
  padding: 1rem;
  border-top: 1px solid #f3f3f3;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.2
}
address .contact_name {
  font-weight: 700
}
address .contact_tel {
  font-size: 2.3rem;
  font-weight: 700
}
.btn_orange_arrow {
  width: 100%
}
.btn_orange_arrow > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding: 1.8rem 2rem;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eb5505), to(#cf3c03));
  background: -webkit-linear-gradient(#eb5505, #cf3c03);
  background: -o-linear-gradient(#eb5505, #cf3c03);
  background: linear-gradient(#eb5505, #cf3c03);
  color: #fff;
  font-size: 2rem;
  line-height: 1.8rem;
  text-align: center
}
.btn_orange_arrow > a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  text-decoration: none;
  content: "";
  opacity: .8
}
.btn_arrow {
  width: 100%;
  margin: 0 auto
}
.btn_arrow > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 50px;
  color: #fff;
  font-size: 9pt;
  line-height: 1.4;
  text-align: center
}
.btn_arrow > a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: ""
}
.btn_arrow > a:hover {
  text-decoration: none;
  opacity: .8
}
.btn_arrow.blue a {
  background-color: #002f89
}
.btn-color_common {
  background: -webkit-gradient(linear, left top, left bottom, from(#eb5505), to(#cf3c03));
  background: -webkit-linear-gradient(#eb5505, #cf3c03);
  background: -o-linear-gradient(#eb5505, #cf3c03);
  background: linear-gradient(#eb5505, #cf3c03);
  background-image: -webkit-linear-gradient(#eb5505, #cf3c03);
  background-image: -moz-linear-gradient(#eb5505, #cf3c03)
}
.campaignNumber {
  margin: 10px 15px 20px;
  text-align: right
}
.contentsBox {
  background-color: #f3f3f3
}
.contentsBox.-bg-white {
  background-color: #fff
}
.title01 {
  font-weight: 700;
  text-align: center
}
.title01 .lead {
  display: block;
  margin-bottom: 20px;
  font-size: 20px
}
.attention_link a, .attention_link a:visited {
  font-size: 1.1rem;
  text-decoration: underline !important
}
ul.notes li {
  position: relative;
  padding-left: 1.2em;
  color: #666;
  font-size: 1.2rem;
  line-height: 1.4em;
  text-align: left
}
ul.notes li.markless {
  padding: 0
}
ul.notes li.mark18 {
  padding-left: 1.8em;
  color: #666
}
ul.notes li.mark22 {
  padding-left: 2.2em;
  color: #666
}
ul.notes li span.mark {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #666
}
.notes_link {
  display: block;
  margin-top: 10px
}
.pagetop {
  text-align: right
}
.pagetop > a {
  display: inline-block;
  min-height: 15px;
  padding-right: 20px;
  color: #06a
}
.basicInfoSp {
  margin: 0 10px;
  text-align: center
}
.basicInfoSp--head {
  padding: 15px 0;
  background-color: #c6a355
}
.standard .basicInfoSp--head {
  background-color: #a0a3a9
}
.other .basicInfoSp--head {
  background-color: #d7d7d7
}
.basicInfoSp--head > p {
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700
}
.basicInfoSp--head > span {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700
}
.basicInfoSp--head img {
  width: 110px
}
.basicInfoSp--detail {
  border: 1px solid #e4e4e4
}
.basicInfoSp--detail + .basicInfoSp--detail {
  border-top: 0
}
.basicInfoSp--detail > dt {
  padding: 15px 0;
  background-color: #f3f3f3;
  font-weight: 700;
  text-align: center
}
.basicInfoSp--detail > dd {
  padding: 20px 10px;
  border-top: 1px solid #e4e4e4;
  background-color: #fff;
  text-align: left
}
.basicInfoSp--detail .annualfee {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700
}
.basicInfoSp--detail .description {
  margin: 10px 0;
  font-size: 1.3rem;
  line-height: 1.3em
}
.basicInfoSp--detail .notes_list {
  margin-top: 15px
}
.basicInfoSp--detail .notes_list .mark, .basicInfoSp--detail .notes_list > li {
  color: #666;
  font-size: 1.2rem
}
.basicInfoSp--list {
  margin-bottom: 15px;
  padding-left: 15px
}
.basicInfoSp--list > li {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  list-style-type: disc
}
.basicInfoSp--reissuefee {
  margin-bottom: 15px;
  font-size: 1.4rem;
  font-weight: 700
}
.cardInfoPc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 60px;
  table-layout: fixed
}
.cardInfoPc__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}
.cardInfoPc__col:first-child {
  padding-right: 20px
}
.cardInfoPc__col:nth-child(2) {
  padding-left: 20px
}
.cardInfoPc__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 100%;
  padding: 4px;
  border: 10px solid #fff;
  background-size: 4px auto
}
.cardInfoPc__item.-silver {
  height: 100%;
  background-color: #b6b6b8
}
.cardInfoPc__item.-gold {
  background-color: #ddbd50
}
.cardInfoPc__itemInner {
  height: 100%;
  margin: 4px;
  margin: 0;
  padding: 20px 5px 8px;
  background: #fff;
  text-align: center
}
.cardInfoPc__img {
  position: relative;
  top: -70px;
  margin-bottom: -70px;
  text-align: center
}
.cardInfoPc__btn, .cardInfoPc__itemInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.cardInfoPc__btn {
  width: 350px;
  width: 100%;
  max-width: 100%;
  max-width: 340px;
  margin: 9pt auto 0;
  margin-top: 0;
  font-size: 2rem;
  line-height: 1.3
}
.cardInfoPc__btn > a {
  display: block;
  position: relative;
  padding: 9pt 35px;
  border-radius: 2.8rem;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  white-space: normal
}
.cardInfoPc__btn > a:hover {
  text-decoration: none;
  opacity: .8
}
.cardInfoPc__btn > a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: ""
}
.cardInfoPc__btnNote {
  margin-top: 5px
}
.cardInfoSp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 15px;
  border: 4px solid #fff;
  background-color: #fff
}
.cardInfoSp:after, .cardInfoSp:before {
  content: none
}
.cardInfoSp__item.-silver {
  border: #b6b6b8 2px solid
}
.cardInfoSp__item.-gold {
  border: #ddbd50 2px solid
}
.cardInfoSp__item + .cardInfoSp__item {
  margin-top: 2px
}
.cardInfoSp__itemInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 10px 5px 8px;
  background: #fff;
  table-layout: fixed
}
.cardInfoSp__img {
  display: table-cell;
  position: static;
  top: 0;
  margin-bottom: 0;
  padding-right: 10px
}
.cardInfoSp__img span {
  color: #fff
}
.cardInfoSp__imgCard {
  text-align: center
}
.cardInfoSp__imgCard > img {
  width: 100%;
  max-width: 136px
}
.cardInfoSp__btn {
  display: table-cell;
  width: auto;
  margin: 8px auto 0;
  font-size: 1.2rem;
  vertical-align: middle
}
.cardInfoSp__btn > a {
  display: block;
  position: relative;
  margin-top: 10px;
  padding: 5px 20px;
  border-radius: 2.8rem;
  text-align: center
}
.cardInfoSp__btn > a:hover {
  text-decoration: none
}
.cardInfoSp__btn > a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  right: 9pt;
  width: 10px;
  width: 6px;
  height: 10px;
  height: 6px;
  margin-top: -5px;
  margin-top: -4px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: ""
}
.cardInfoSp__btnTxt {
  color: #fff;
  line-height: 1.3
}
.cardInfoSp__head {
  margin: 10px 0 6px;
  margin: 7px 0 0;
  font-size: 1.8rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}
.cardInfoSp__note {
  margin-top: 6px;
  padding-left: 1em;
  font-size: .8rem;
  line-height: 1.3;
  text-indent: -1em
}
.cardInfoSp__note + .cardInfoSp__note {
  margin-top: 0
}
.conversion_area > .card_select_list {
  width: 100%;
  max-width: 100%
}
.conversion_area > .card_select_list > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}
.conversion_area .conversion {
  width: 100%;
  max-width: 350px;
  text-align: center
}
.conversion_area .conversion .btn_orange_arrow {
  width: 100%
}
.conversion_area .conversion .name, .conversion_area .conversion .notes.free {
  font-weight: 700
}
.conversion_area .conversion .card_img, .conversion_area .conversion .conversion_btn {
  margin-top: 15px
}
.conversion_area .standard {
  background-color: #d8dde5;
  text-align: right
}
.conversion_area .standard .conversion {
  margin-left: auto
}
.conversion_area .gold {
  background-color: #f6d681;
  text-align: left
}
.fee_notes ul.notes {
  margin-bottom: 10px
}
.conversion_area > .card_select_list {
  display: table
}
.conversion_area > .card_select_list > li {
  display: table-cell;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 25px
}
.conversion_area .conversion .notes {
  margin-top: 10px
}
.conversion_area .gold, .conversion_area .standard {
  padding: 0 4%
}
.eyecatch_inner {
  position: relative;
  width: 60pc;
  max-width: 100%;
  margin: 0 auto
}
.eyecatch_head {
  position: relative;
  text-align: center
}
.eyecatch_notes {
  position: relative;
  margin-top: 18px;
  padding-left: 1.2em;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.3
}
.eyecatch_notes:before {
  position: absolute;
  left: 0;
  width: 1em;
  content: "※"
}
.gold_card_fee {
  margin-top: 15px;
  text-align: center
}
.gold_box_inner .btn_arrow.blue {
  margin-top: 20px
}
.gold_box_inner .card_img, .gold_privilege {
  text-align: center
}
.gold_privilege {
  margin-bottom: 109px;
  padding: 0 3%
}
.gold_privilege_txt, .gold_privilege_txt span {
  font-weight: 700
}
.gold_privilege_txt {
  font-size: 36px;
  line-height: 1.3
}
.gold_privilege_txt_small {
  font-size: 2pc
}
.gold_privilege_txt_large {
  font-size: 44px
}
.gold_privilege_txt_primary {
  color: #eb5505
}
.gold_privilege_btn a {
  max-width: 450px;
  margin: 0 auto;
  background-color: #ed5400;
  font-size: 20px
}
.goldcardBonus {
  display: block;
  position: relative;
  overflow: hidden;
  border: 2px solid #ad925d;
  background-color: #fff;
  text-align: center
}
.goldcardBonus__head {
  border-radius: 25px;
  cursor: pointer
}
.goldcardBonus__head.is-open {
  border-radius: 25px 25px 0 0;
  background-color: #f5efdd
}
.goldcardBonus__hdgTxt {
  position: relative;
  width: 100%;
  border-radius: 25px;
  font-weight: 700
}
.is-open .goldcardBonus__hdgTxt {
  border-radius: 25px 25px 0 0
}
.goldcardBonus__hdgTxt:after, .goldcardBonus__hdgTxt:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 24px;
  width: 15px;
  height: 2px;
  transform: translateY(-50%);
  background-color: #ad925d;
  background-image: none;
  border: 0;
  content: ""
}
.goldcardBonus__hdgTxt:after {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all .2s ease;
  right: 24px
}
.is-open .goldcardBonus__hdgTxt:after {
  margin-top: -1px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.goldcardBonus__body {
  display: none;
  padding: 50px 38px;
  line-height: 1.3;
  text-align: left
}
.goldcardBonus__lead {
  color: #0a155f;
  font-weight: 400;
  text-align: center
}
.goldcardBonus__txt1 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center
}
.goldcardBonus__meritGroup {
  width: 100%
}
.goldcardBonus__meritGroupItem, .goldcardBonus__meritItem {
  border: 2px solid #ceb17e;
  border-radius: 10px
}
.goldcardBonus__meritItem:last-child {
  margin-bottom: 0
}
.goldcardBonus__meritGroupItem__img, .goldcardBonus__meritGroupItem__numImg, .goldcardBonus__meritItem__img, .goldcardBonus__meritItem__numImg {
  text-align: center
}
.goldcardBonus__meritGroupItem__titleLv4, .goldcardBonus__meritItem__titleLv4 {
  font-weight: 700;
  line-height: 1.3;
  color: #0a155f;
  text-align: center
}
.goldcardBonus__meritGroupItem__text, .goldcardBonus__meritItem__text {
  font-size: 14px;
  line-height: 1.6
}
.goldcardBonus__caution {
  text-align: right
}
.goldcardBonus__caution > p:nth-of-type(1) {
  float: left
}
.card-info_btnTxt span, .card-info_btn_gold span {
  color: #fff;
  line-height: 1.3
}
.cardInfoSp__head > span {
  font-weight: 700
}
.card-info_btn_gold, .card-info_btn_height {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px
}
.cardInfoSp__img .cardInfoSp__imgCard > img {
  max-width: 225px
}
.membershipBenefit {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  text-align: center
}
.membershipBenefit__heading {
  position: relative;
  border: 2px solid #f15a22;
  border-radius: 50px;
  color: #f15a22;
  font-weight: 700;
  cursor: pointer
}
.is-open .membershipBenefit__heading, .membershipBenefit__heading:hover {
  background-color: #fdeee6
}
.membershipBenefit__heading:before {
  display: inline-block;
  position: relative;
  top: -2px;
  height: 39px;
  margin-right: 10px;
  background: url(/function/promotion/fg2311/img/icon_campaign_01.png)center top no-repeat;
  background-size: 100%;
  vertical-align: middle;
  content: ''
}
.membershipBenefit__heading:after {
  -webkit-transform: translate(0, -50%) rotate(135deg);
  -ms-transform: translate(0, -50%) rotate(135deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  margin-top: 0;
  transform: translate(0, -50%) rotate(135deg);
  border-top: 3px solid #eb5505;
  border-right: 3px solid #eb5505;
  background-color: transparent;
  content: ""
}
.is-open .membershipBenefit__heading:after {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  margin-top: -2px;
  transform: rotate(315deg)
}
.membershipBenefit__body {
  display: none;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 2px solid #eb5505;
  line-height: 1.6em;
  text-align: left
}
.membershipBenefit__panel {
  width: 100%;
  padding: 7px;
  border-bottom: 2px solid #eb5505;
  text-align: center
}
.membershipBenefit__panelTitle .label {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 3px;
  padding: 5px 7.5px;
  border-radius: 50px;
  background: #eb5505;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap
}
.membershipBenefit__panelTitle .txt {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4
}
.membershipBenefit__panelTitle .largeTxt {
  font-size: 1.5rem;
  font-weight: 700
}
.membershipBenefit__inner {
  padding: 20px 10px 10px
}
.membershipBenefit__hdg01 {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  color: #eb5505;
  font-size: 18px;
  font-weight: 700
}
.membershipBenefit__hdg01:not(:first-of-type) {
  margin-top: 40px
}
.membershipBenefit__hdg01:after {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 70px;
  height: 1px;
  background: #e9561e;
  content: ''
}
.membershipBenefit__hdg02 {
  margin-top: 30px
}
.membershipBenefit__hdg02 > span {
  display: inline-block;
  margin-right: 10px;
  padding: .5rem;
  background: #eb5505;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap
}
.membershipBenefit__hdg02.-adjust01, .membershipBenefit__innerTxt01 {
  margin-top: 20px
}
.membershipBenefit__innerTxt02 {
  margin-top: 1rem;
  color: #eb5505;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3em
}
.membershipBenefit__notes.notes {
  margin-top: 20px
}
.membershipBenefit__notes.notes > li {
  line-height: 1.6em
}
.membershipBenefit__numberList {
  margin-top: 20px
}
.membershipBenefit__numberList > li {
  padding-left: 1em;
  font-weight: 700;
  line-height: normal;
  text-indent: -1em
}
.membershipBenefit__circleList {
  padding-left: 1.5em
}
.membershipBenefit__circleList > li {
  margin-top: 5px;
  list-style: disc outside
}
.membershipBenefit__table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  table-layout: fixed
}
.membershipBenefit__table tr[data-col="2"] td, .membershipBenefit__table tr[data-col="2"] th {
  width: 50%
}
.membershipBenefit__table td, .membershipBenefit__table th {
  border: 1px solid #e4e4e4
}
.membershipBenefit__table th {
  background: #f3f3f3;
  font-weight: 700;
  text-align: center
}
.membershipBenefit__table td {
  padding: 10px 5px
}
.membershipBenefit__closeBtn {
  height: 50px;
  background: #fdeee6;
  color: #eb5505;
  font-weight: 700;
  text-align: center;
  cursor: pointer
}
.membershipBenefit__closeBtn:hover {
  opacity: .8
}
.membershipBenefit__closeBtn:before {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  background: url(/function/promotion/fg2311/img/icon_close_orange.png);
  background-size: 100%;
  vertical-align: middle;
  content: ''
}
.point_appeal_top {
  background-color: #f3f3f3
}
.point_appeal_heading {
  text-align: center
}
.point_appeal_heading .txt {
  display: inline-block;
  margin: 2rem 1rem;
  margin: 20px 10px;
  font-weight: 700;
  line-height: 1.2em
}
.point_accordion .block_heading01 {
  font-weight: 700;
  text-align: center
}
.point_accordion .block_heading03 {
  font-weight: 700;
  line-height: 1.4em;
  text-align: center
}
.point_accordion .block_heading03 > span {
  color: #eb5505;
  font-weight: 700
}
.point_accordion {
  margin-bottom: 30px;
  border-bottom: 1px solid #dfdfdf
}
.point_appeal_ttl {
  position: relative;
  border-top: 1px solid #dfdfdf;
  font-weight: 700;
  line-height: 1.4em;
  text-align: left
}
.point_appeal_ttl:before {
  display: block;
  position: absolute;
  width: 4px;
  background: #ee3f22;
  content: ''
}
.point_appeal_ttl:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  border: 0;
  border-bottom: 2px solid #a9a9a9;
  border-left: 2px solid #a9a9a9;
  content: ''
}
.point_appeal_ttl.open:after {
  border: 0;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9
}
.point_appeal_content {
  display: none
}
.point_appeal_content:last-of-type {
  margin-bottom: 0
}
.point_appeal_comment {
  margin-bottom: 30px
}
.point_accordion .isOpen {
  display: block
}
.point_accordion .accordion_isOpen:after {
  border: 0;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9
}
.point_accordion .accordion_isOpen.open:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  border: 0;
  border-bottom: 2px solid #a9a9a9;
  border-left: 2px solid #a9a9a9;
  content: ''
}
.premiumCampaign__content {
  display: block;
  position: relative;
  max-width: 60pc;
  overflow: hidden;
  border: 2px solid #9b7f44;
  border-radius: 10px;
  background-color: #f2ede3;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  text-align: center
}
.premiumCampaign__head {
  padding-top: 20px;
  padding-bottom: 15px;
  background: #f2ede3
}
.premiumCampaign__hdg01 {
  padding-bottom: 10px;
  color: #9b7f44;
  font-size: 1.8rem;
  font-weight: 700
}
.premiumCampaign__hdg02 {
  font-size: 1.4rem
}
.premiumCampaign__hdg02 > b {
  display: block;
  padding: 10px 0;
  color: #c00;
  font-size: 1.8rem;
  font-weight: 700
}
.premiumCampaign__info {
  display: none;
  padding: 40px 20px;
  background-color: #fff;
  line-height: 1.6em;
  text-align: left
}
.premiumCampaign__infoList > dt {
  margin: 40px 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  font-weight: 700
}
.premiumCampaign__infoList > dt:first-child {
  margin-top: 0
}
.premiumCampaign__notes > li {
  position: relative;
  padding-left: 1.2em;
  color: #666;
  font-size: 1.2rem;
  line-height: 1.4em;
  text-align: left
}
.premiumCampaign__notes .mark {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #666
}
.premiumCampaign__infoTitle--couktion {
  color: #ff0800;
  font-size: 1pc !important;
  font-weight: 700
}
.premiumCampaign__infoTitle--couktion:before {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 21px;
  height: 18px;
  margin-right: 5px;
  background: url(/function/promotion/fg2311/img/icon_couktion_01.png);
  background-size: 100%;
  vertical-align: middle;
  content: ''
}
.premiumCampaign__notesList {
  padding-left: 1em;
  text-indent: -1em
}
.premiumCampaign__notesList > li {
  color: #666;
  line-height: 1.85
}
.premiumCampaign__btn {
  background-color: #9b7f44;
  color: #fff;
  font-size: 2rem;
  font-weight: 700
}
.premiumCampaign__btn:hover {
  cursor: pointer
}
.premiumCampaign__btn > p {
  max-width: 90pt;
  margin: 0 auto;
  padding: 10px 0 15px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700
}
.premiumCampaign__btn > p:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -17px;
  margin-left: 130px;
  transform: rotate(135deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  background-color: transparent;
  content: ""
}
.premiumCampaign__btn.is-open > p {
  padding: 10px 0 5px
}
.premiumCampaign__btn.is-open > p:after {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  margin-top: -11px;
  margin-left: 95px;
  transform: rotate(315deg)
}
.promotion_contents {
  padding-top: 20px
}
@media(min-width:641px) {
  .section_content {
    width: 60pc;
    max-width: 100%;
    margin: 0 auto
  }
  .gray_box_inner {
    margin-bottom: 50px;
    padding: 25px 40px 40px
  }
  .gold_box_inner {
    margin-top: 5rem;
    margin-bottom: 5rem;
    padding-top: 4rem;
    padding-bottom: 4rem
  }
  .simple_header {
    border-top: 3px solid #eb5205
  }
  .simple_header_cont {
    display: table;
    max-width: 980px;
    padding: 0 10px
  }
  .simple_header_cont .logo {
    display: table-cell;
    position: relative;
    width: 190px;
    height: 106px;
    vertical-align: middle
  }
  .simple_header_cont .logo_img {
    width: 190px;
    height: 91px
  }
  .accordion_toggle {
    cursor: pointer
  }
  address {
    max-width: 60pc;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.6rem
  }
  address .contact_name {
    font-size: 1.8rem
  }
  address .contact_tel {
    font-size: 3.6rem
  }
  .btn_arrow {
    width: 100%
  }
  .btn_arrow > a {
    padding: 30px 0;
    font-size: 2rem;
    line-height: 1
  }
  .btn_arrow > a:after {
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px
  }
  .campaignNumber {
    max-width: 60pc;
    margin: 20px auto;
    text-align: right
  }
  .contentsBox {
    padding: 40px;
    text-align: center
  }
  .contentsBox.-nospace {
    padding: 40px 0
  }
  .title01 {
    margin: 0 0 40px;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 5rem
  }
  .fee_notes {
    margin: 10px auto 20px
  }
  .pagetop {
    max-width: 60pc;
    margin: 15px auto 70px
  }
  .pagetop > a {
    background: url(/function/promotion/fg2311/img/icon_pagetop_01.png)right top no-repeat
  }
  .pagetop > a:hover {
    text-decoration: none;
    opacity: .8
  }
  .basicInfoSp, .cardInfoSp {
    display: none
  }
  .conversion_area .conversion {
    width: 100%;
    max-width: 100%
  }
  .conversion_area .conversion .name {
    font-size: 2.4rem
  }
  .gold_card_fee {
    margin-bottom: 5rem;
    font-size: 2rem
  }
  .gold_box_inner .btn_arrow.blue {
    margin-top: 40px
  }
  .goldcardBonus {
    width: 100%;
    margin-top: 50px;
    border-radius: 50px
  }
  .goldcardBonus__head:hover {
    background-color: #f5efdd
  }
  .goldcardBonus__hdgTxt {
    padding: 20px 0;
    font-size: 2.2rem;
    line-height: 39px
  }
  .goldcardBonus__lead {
    margin-bottom: 30px;
    font-size: 3rem
  }
  .goldcardBonus__txt1 {
    font-size: 2rem
  }
  .goldcardBonus__meritGroup {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .goldcardBonus__meritGroupItem {
    width: 50%;
    padding: 30px 25px;
    box-sizing: border-box;
    margin-right: 20px
  }
  .goldcardBonus__meritGroupItem:last-child {
    margin-right: 0
  }
  .goldcardBonus__merit {
    margin-top: 50px
  }
  .goldcardBonus__meritItem {
    margin-bottom: 40px;
    padding: 30px 40px
  }
  .goldcardBonus__meritGroupItem__numImg, .goldcardBonus__meritItem__numImg {
    margin-top: -59px
  }
  .goldcardBonus__meritGroupItem__titleLv4, .goldcardBonus__meritItem__titleLv4 {
    margin-top: 20px;
    font-size: 24px
  }
  .goldcardBonus__meritGroupItem__img, .goldcardBonus__meritItem__img {
    margin-top: 20px
  }
  .goldcardBonus__meritGroupItem__text, .goldcardBonus__meritItem__text {
    margin-top: 20px;
    text-align: center
  }
  .goldcardBonus__meritGroupItem__img--pcMgT41 {
    margin-top: 41px
  }
  .membershipBenefit {
    margin: 50px auto 70px
  }
  .membershipBenefit__heading {
    height: 5pc;
    border: 2px solid #f15a22;
    font-size: 2.2rem;
    line-height: 5pc
  }
  .membershipBenefit__heading:before {
    width: 36px
  }
  .membershipBenefit__heading:after {
    right: 45px;
    width: 9pt;
    height: 9pt;
    margin-top: 0
  }
  .is-open .membershipBenefit__heading:after {
    margin-top: -4px
  }
  .membershipBenefit__body {
    margin-top: 57px;
    margin-bottom: 20px;
    border: 4px solid #eb5505
  }
  .membershipBenefit__panel {
    padding: 15px 15px 5px;
    border-bottom: 4px solid #eb5505
  }
  .membershipBenefit__panelTitle .label {
    padding: 10px 25px;
    font-size: 1.6rem
  }
  .membershipBenefit__panelTitle .largeTxt, .membershipBenefit__panelTitle .txt {
    font-size: 2.4rem
  }
  .membershipBenefit__inner {
    padding: 45px 20px 20px
  }
  .membershipBenefit__hdg01 {
    border-bottom: 2px solid #e5e5e5
  }
  .membershipBenefit__hdg01:after {
    bottom: -2px;
    width: 90pt;
    height: 2px
  }
  .membershipBenefit__hdg02 > span {
    margin-right: 0;
    padding: .5rem 1rem;
    font-size: 2rem
  }
  .membershipBenefit__innerTxt02 {
    margin-top: 2rem
  }
  .membershipBenefit__circleList {
    padding-left: 2em
  }
  .membershipBenefit__table {
    table-layout: auto
  }
  .membershipBenefit__table td, .membershipBenefit__table th {
    padding: 10px
  }
  .membershipBenefit__closeBtn {
    line-height: 50px
  }
  .membershipBenefit__closeBtn:before {
    width: 14px;
    height: 14px
  }
  .point_appeal_top {
    margin-bottom: 50px;
    padding: 3rem 2rem
  }
  .point_appeal_top_text {
    margin: 3rem 0 8rem
  }
  .point_appeal_heading {
    font-size: 3.6rem
  }
  .point_appeal_heading .img {
    display: block
  }
  .point_appeal_heading .txt {
    display: block;
    margin: 30px 0 50px
  }
  .point_accordion .block_heading01 {
    margin-bottom: 30px;
    font-size: 4rem
  }
  .point_accordion .block_heading03 {
    margin-bottom: 30px;
    font-size: 2.2rem
  }
  .accordion_isOpen.open:after {
    right: 20px;
    width: 9pt;
    height: 9pt;
    margin-top: -9pt
  }
  .point_appeal_ttl {
    padding: 25px 0 25px 25px;
    font-size: 2rem
  }
  .point_appeal_ttl:before {
    top: 25px;
    bottom: 25px;
    left: 1px
  }
  .point_appeal_ttl:after {
    right: 20px;
    width: 9pt;
    height: 9pt;
    margin-top: -6px
  }
  .point_appeal_content {
    margin-bottom: 40px
  }
  .premiumCampaign__content {
    margin: 50px auto
  }
  .premiumCampaign__hdg01 {
    padding-bottom: 20px;
    font-size: 2.4rem
  }
  .premiumCampaign__hdg02 {
    font-size: 1.6rem
  }
  .premiumCampaign__hdg02 > b {
    padding: 15px 0;
    font-size: 2.4rem
  }
  .premiumCampaign__info {
    padding: 40px
  }
  .premiumCampaign__notes > li {
    line-height: 1.6em
  }
  .premiumCampaign__btn:hover {
    opacity: .8
  }
  .premiumCampaign__btn > p {
    max-width: 150px;
    font-size: 2rem
  }
  .premiumCampaign__btn > p:after {
    width: 9pt;
    height: 9pt;
    margin-top: -23px;
    margin-left: 155px
  }
  .premiumCampaign__btn.is-open > p:after {
    margin-top: -14px;
    margin-left: 90pt
  }
  .promotion_contents {
    padding-top: 60px
  }
  .spOnly {
    display: none !important
  }
}
@media(max-width:640px) {
  .gray_box_inner {
    margin-bottom: 25px;
    padding: 20px 0;
    text-align: center
  }
  .simple_header {
    padding: 0 3%;
    overflow: hidden;
    border-bottom: 1px solid #ccc
  }
  .simple_header_cont {
    max-width: 40pc
  }
  .simple_header_cont .logo {
    width: 40%;
    float: left
  }
  .simple_header_cont .logo_img {
    width: 100%
  }
  .btn_orange_arrow > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.1
  }
  .btn_orange_arrow > a:after {
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -4px
  }
  .btn_arrow > a {
    padding: 2vh 0
  }
  .contentsBox {
    padding: 20px 10px
  }
  .title01 {
    margin: 0 0 2rem;
    margin-bottom: 10px;
    font-size: 18px
  }
  .title01 .lead {
    margin-bottom: 10px;
    font-size: 14px
  }
  #gold_card .gold_box_inner h2.title01 {
    margin-bottom: 10px;
    font-size: 1.8rem
  }
  #gold_card .gold_box_inner h2.title01 .lead {
    margin-bottom: 10px;
    font-size: 1.4rem
  }
  .fee_notes {
    margin: 10px
  }
  .notes_link {
    margin-top: 5px
  }
  .pagetop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 15px auto 40px;
    padding-right: 10px
  }
  .pagetop > a {
    background: url(/function/promotion/fg2311/img/icon_pagetop_01_sp.png)right top no-repeat;
    background-size: 15px 15px
  }
  .basicInfoSp > li + li {
    margin-top: 35px
  }
  .cardInfoPc {
    display: none
  }
  .conversion_area .conversion .name {
    font-size: 1.3rem
  }
  .conversion_area .conversion .notes {
    margin-top: 7px;
    font-size: 1rem
  }
  .eyecatch_notes {
    margin-top: 9px;
    color: #333;
    font-size: 1rem
  }
  .gold_box_inner .btn_arrow.blue {
    padding: 0 10px
  }
  .gold_box_inner {
    width: auto;
    margin: 30px 0;
    padding: 20px 0
  }
  .gold_box_inner .card_img > img {
    width: 70%
  }
  .gold_privilege {
    margin-bottom: 40px
  }
  .gold_privilege_txt {
    font-size: 18px
  }
  .gold_privilege_txt_small {
    font-size: 1pc
  }
  .gold_privilege_txt_large {
    font-size: 22px
  }
  .gold_privilege_btn {
    width: 100%;
    margin-top: 13px
  }
  .gold_privilege_btn a {
    font-size: 14px
  }
  .goldcardBonus {
    width: auto;
    margin: 20px 10px 0;
    border-radius: 25px
  }
  .goldcardBonus__hdgTxt {
    height: 50px;
    padding: 0;
    font-size: 1.6rem;
    line-height: 50px
  }
  .goldcardBonus__body {
    padding: 30px 8px
  }
  .goldcardBonus__lead {
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: normal
  }
  .goldcardBonus__merit {
    margin-top: 35px
  }
  .goldcardBonus__meritItem {
    margin-bottom: 30px;
    padding: 15px
  }
  .goldcardBonus__meritGroupItem {
    margin-top: 30px;
    padding: 15px
  }
  .goldcardBonus__meritGroupItem__numImg, .goldcardBonus__meritItem__numImg {
    max-width: 45px;
    margin: -38px auto 0
  }
  .goldcardBonus__meritGroupItem__titleLv4, .goldcardBonus__meritItem__titleLv4 {
    margin-top: 10px;
    font-size: 17px
  }
  .goldcardBonus__meritGroupItem__img, .goldcardBonus__meritGroupItem__text, .goldcardBonus__meritItem__img, .goldcardBonus__meritItem__text {
    margin-top: 15px
  }
  .goldcardBonus__caution {
    text-align: left
  }
  .goldcardBonus__caution > p {
    display: block;
    margin-bottom: 10px;
    padding-left: 1em;
    float: none !important;
    color: #848080;
    font-size: 9pt;
    text-indent: -1em
  }
  .membershipBenefit {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: 40px 10px;
    line-height: normal
  }
  .membershipBenefit.is-open {
    border-radius: 25px 25px 0 0
  }
  .membershipBenefit__heading {
    height: 50px;
    font-size: 1.6rem;
    line-height: 50px
  }
  .membershipBenefit__heading:before {
    width: 22px;
    height: 24px
  }
  .membershipBenefit__table td, .membershipBenefit__table th {
    padding: 10px 5px
  }
  .membershipBenefit__closeBtn {
    height: 40px;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 40px
  }
  .point_appeal_top {
    margin-bottom: 25px;
    padding: 2rem 1rem
  }
  .point_appeal_top_text {
    padding: 1rem 1rem 2rem;
    font-size: 1.2rem;
    line-height: 1.5
  }
  .point_appeal_heading {
    font-size: 2.2rem
  }
  .point_appeal_heading .img {
    display: inline-block;
    margin: 0 50px
  }
  .point_accordion .block_heading01 {
    margin-bottom: 20px;
    font-size: 2rem
  }
  .point_accordion .block_heading03 {
    margin-bottom: 20px;
    font-size: 1.6rem
  }
  .point_appeal_ttl {
    padding: 10px 35px 10px 25px;
    font-size: 1.6rem
  }
  .point_appeal_ttl:before {
    top: 10px;
    bottom: 10px;
    left: 10px
  }
  .point_appeal_ttl:after {
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -5px
  }
  .point_appeal_content {
    margin-bottom: 30px
  }
  .point_appeal_comment {
    padding: 0 10px;
    line-height: 1.4em
  }
  .point_accordion .accordion_isOpen.open:after {
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -10px
  }
  .premiumCampaign {
    padding-right: 10px;
    padding-left: 10px
  }
  .premiumCampaign__content {
    width: 100%;
    margin: 20px auto 25px
  }
  .premiumCampaign__head {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    line-height: 1.6em
  }
  .premiumCampaign__btn {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
  }
  .pcOnly {
    display: none !important
  }
}
@media screen and (max-width:640px) {
  .card-info_btn.lpo_4-1.btn-color_common {
    background: -webkit-gradient(linear, left top, left bottom, from(#02bc6c), to(#048441));
    background: -webkit-linear-gradient(#02bc6c, #048441);
    background: -o-linear-gradient(#02bc6c, #048441);
    background: linear-gradient(#02bc6c, #048441);
    background-image: -webkit-linear-gradient(#02bc6c, #048441);
    background-image: -moz-linear-gradient(#02bc6c, #048441)
  }
  header {
    -webkit-box-sizing: border-box;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    box-sizing: border-box;
    top: -200px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #ccc;
    background: #fff;
    opacity: 0;
    transition: all .25s ease-in-out
  }
  .fixed_top, header {
    z-index: 3;
    position: fixed
  }
  .fixed_top {
    top: 0;
    opacity: 1
  }
  #head_cvnBox .head_cvnBox_area {
    padding: 3% 0 3% 2%
  }
  #head_cvnBox .head_cvnBox_area ul {
    width: 100%
  }
  #head_cvnBox .head_cvnBox_area .cvnBtn01 {
    width: 46%
  }
  #head_cvnBox .head_cvnBox_area li p {
    padding-bottom: 4px;
    text-align: center
  }
  #head_cvnBox .head_cvnBox_area li {
    display: inline-block;
    margin: 0 1.2%;
    text-align: center
  }
  #head_cvnBox .head_cvnBox_area .cvnBtn02 {
    width: 46%
  }
  .silver_container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .silver_item {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 10px
  }
  .silver_item:nth-of-type(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 10px
  }
  .btn_area {
    position: relative
  }
  .btn_area:after, .card_style {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }
  .card_style {
    left: 7%;
    width: 75.43%
  }
  .no_card_style {
    display: none;
    left: 20.8%;
    width: 55.5%
  }
  .card_txt, .no_card_style {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }
  .card_txt {
    left: 27.7%;
    width: 54.8%
  }
  .gold_txt02, .silver_txt02 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 34.7%;
    width: 43%;
    transform: translateY(-50%)
  }
  .no_card {
    left: 22.5%
  }
  .btn_bold, .card_silver, .gold_txt02, .no_point_txt, .silver_txt02 {
    display: none
  }
  .silver_item .btn_area {
    margin-top: 10px
  }
  .card_x, .card_y {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 7%;
    width: 16.6%;
    transform: translateY(-50%)
  }
  .card-info.spOnly:not(.lpo_org), .card-info_btnTxt > span:not(.lpo_org), .cardInfoSp__head span:not(.lpo_org), .cardInfoSp__imgCard > img.spOnly:not(.lpo_org), .eyecatch_head img.spOnly:not(.lpo_org), .silver_only_area {
    display: none
  }
}
@media screen and (min-width:641px) {
  #head_cvnBox .head_cvnBox_area {
    max-width: 60pc;
    margin: 0 auto;
    padding: 1%
  }
  #head_cvnBox .head_cvnBox_area ul {
    width: 100%
  }
  #head_cvnBox .head_cvnBox_area .cvnBtn01 {
    width: 55%
  }
  #head_cvnBox .head_cvnBox_area li {
    display: inline-block;
    margin: 0 1.2%
  }
  #head_cvnBox .head_cvnBox_area li p {
    padding-bottom: 4px;
    text-align: center
  }
  #head_cvnBox .head_cvnBox_area .cvnBtn02 {
    width: 37%
  }
  .fixed_top {
    z-index: 1;
    position: fixed;
    top: 0;
    opacity: 1
  }
}

sup {
  font-size: 10px;
  vertical-align: super;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* utility */
/* -------------------- */
@media screen and (max-width: 640px) {
  .lp-sp-max-w140 {
    max-width: 140px;
  }
  .lp-sp-max-w189 {
    max-width: 189px;
  }
  .lp-sp-max-w199 {
    max-width: 199px;
  }
  .lp-sp-max-w310 {
    max-width: 310px;
  }
}

/* テキスト */
/* -------------------- */
.colorOrange {
  color: #eb5505;
}
.colorNote {
  color: #666;
}
.lp-lead {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.lp-titleLv2 {
  padding: 10px;
  background-color: #021d52;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.lp-titleLv3 {
  font-weight: bold;
  background-color: #eee;
  text-align: center;
  border-radius: 10px;
  line-height: 1.3;
}
@media screen and (min-width: 641px) {
  .lp-lead {
    font-size: 30px;
  }
  .lp-titleLv2 {
    margin-bottom: 60px;
    font-size: 34px;
  }
  .lp-titleLv3 {
    font-size: 26px;
    margin-top: 30px;
    padding: 20px;
  }
}
@media screen and (max-width: 640px) {
  .lp-lead {
    font-size: 15px;
  }
  .lp-titleLv2 {
    margin-bottom: 30px;
    font-size: 19px;
  }
  .lp-titleLv3 {
    font-size: 16px;
    margin-top: 20px;
    padding: 15px;
  }
}

/* セクション */
/* -------------------- */
@media screen and (min-width: 641px) {
  .lp-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .lp-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .lp-section {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* アコーディオン */
/* -------------------- */
.lp-accordion__body {
  line-height: 1.4;
}
@media screen and (min-width: 641px) {
  .lp-accordion[data-type=gray] .lp-accordion__head {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .lp-accordion__body {
    padding: 15px 5px;
  }
}

/* 500万会員突破アイコン追加 */
/* -------------------- */
.eyecatch_inner {
  position: relative;
}
.eyecatch_icon {
  position: absolute;
  left: 60px;
  top: -38px;
  width: 168px;
  height: 168px;
}
@media screen and (max-width: 768px) {
  .eyecatch_icon {
    left: 50px;
    top: -30px;
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 640px) {
  .eyecatch_icon {
    left: 0;
    top: -25px;
    width: 63px;
    height: 63px;
  }
}

/* 最大10,000 Pontaポイントプレゼント */
/* -------------------- */
.eyecatch02_inner {
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  .eyecatch02 {
    margin-top: 35px;
  }
}
@media (max-width: 768px) and (min-width: 641px) {
  .eyecatch02_inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .eyecatch02 {
    margin-top: 20px;
  }
  .eyecatch02_inner {
    padding: 0 3%;
  }
}

/* cardInfoPc02 */
/* -------------------- */
.cardInfoPc02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  table-layout: fixed;
}
.cardInfoPc02__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.cardInfoPc02__col:first-child {
  margin-right: 40px;
}
.cardInfoPc02__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100%;
}
.cardInfoPc02__itemInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}
.cardInfoPc02__img {
  text-align: center;
}
.cardInfoPc02__btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 20px;
  font-size: 2rem;
  line-height: 1.3;
}
.cardInfoPc02__btn > a {
  display: block;
  position: relative;
  padding: 20px 35px;
  border-radius: 2.8rem;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  white-space: normal;
}
.cardInfoPc02__btn > a:hover {
  text-decoration: none;
  opacity: .8;
}
.cardInfoPc02__btn > a::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: "";
}
.cardInfoPc02__btnNote {
  margin-top: 5px;
  font-size: 13px;
}
@media screen and (max-width: 640px) {
  .cardInfoPc02 {
    display: none;
  }
}

/* cardInfoSp02 */
/* -------------------- */
.cardInfoSp02 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
.cardInfoSp02:after,
.cardInfoSp02:before {
  content: none;
}
.cardInfoSp02__item {
  margin-bottom: 20px;
}
.cardInfoSp02__item + .cardInfoSp02__item {
  margin-bottom: 0;
}
.cardInfoSp02__itemInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.cardInfoSp02__img {
  margin-bottom: 10px;
}
.cardInfoSp02__imgCard {
  text-align: center;
}
.cardInfoSp02__imgCard > img {
  width: 100%;
  max-width: 250px;
}
.cardInfoSp02__btn {
  width: auto;
  margin: 0 auto;
  font-size: 1.2rem;
}
.cardInfoSp02__btn > a {
  display: block;
  position: relative;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 2.8rem;
  text-align: center;
}
.cardInfoSp02__btn > a:hover {
  text-decoration: none;
}
.cardInfoSp02__btn > a::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  right: 12px;
  width: 10px;
  width: 6px;
  height: 10px;
  height: 6px;
  margin-top: -5px;
  margin-top: -4px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: "";
}
.cardInfoSp02__btnTxt {
  color: #fff;
  line-height: 1.3;
}
.cardInfoSp02__head {
  margin: 10px 0 6px;
  margin: 7px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.cardInfoSp02__note {
  margin-top: 6px;
  font-size: 12px;
  color: #666;
  line-height: 1.3;
  text-align: center;
}
.cardInfoSp02__note + .cardInfoSp02__note {
  margin-top: 0;
}
.cardInfoSp02__text {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .cardInfoSp02 {
    display: none;
  }
}

/* テーブル */
/* -------------------- */
.detail_table {
  width: 100%;
}
.detail_table td,
.detail_table th {
  border: 1px solid #e4e4e4;
}
.detail_table .noborder {
  border: none;
}
.detail_table thead th {
  padding: 0 5px 10px;
  font-size: 1.6rem;
  text-align: center;
}
.detail_table thead th > p {
  margin-bottom: 7px;
  font-weight: 700;
}
.detail_table thead .standard,
.detail_table thead .gold {
  border: none;
}
.detail_table thead .other {
  width: 410px;
  background-color: #c6a355;
}
.detail_table tbody td,
.detail_table tbody th {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.3;
}
.detail_table tbody th {
  background-color: #f3f3f3;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.detail_table .notes_list .mark,
.detail_table .notes_list > li,
.detail_table tbody td {
  color: #666;
  font-size: 1.2rem;
}
.detail_table .notes_list {
  margin-top: 15px;
}
.detail_table .annualfee {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
}
.detail_table .description {
  margin: 10px 0;
  font-size: 1.3rem;
  line-height: 1.3em;
}
.detail_table .conditions_list {
  margin-bottom: 15px;
  padding-left: 15px;
}
.detail_table .conditions_list > li {
  font-size: 1.4rem;
  line-height: 1.5;
  list-style-type: disc;
}
.detail_table .reissuefee {
  margin-bottom: 15px;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .detail_table tbody td,
  .detail_table tbody th {
    padding: 15px;
  }
  .detail_table.other {
    margin-top: 30px;
  }
  .detail_table.other thead th {
    background-color: #d7d7d7;
    color: #333;
    font-weight: 700;
  }
  .detail_table.other thead td {
    width: 50%;
    margin-bottom: 10px;
    padding: 15px 0;
    background-color: #f7f7f7;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 640px) {
  .detail-table-scroll,
  .detail-table-scroll-full {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .detail_table thead .gold img {
    max-width: 183px;
  }
  .detail_table tbody td,
  .detail_table tbody th {
    padding: 10px;
  }
  .detail-table-scroll .detail_table tbody th {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
  }
  .detail-table-scroll .detail_table tbody th::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    z-index: 2;
  }
  .detail-table-scroll .detail_table tbody th:nth-child(1) {
    left: 0;
  }
  .detail-table-scroll .detail_table tbody th:nth-child(2) {
    left: 63px;
  }
  .detail-table-scroll .detail_table tbody th:nth-child(3) {
    left: 126px;
  }
  .detail-table-scroll .detail_table tbody th.sp-left01 {
    left: 63px;
  }
  .detail-table-scroll .detail_table tbody th.sp-left02 {
    left: 126px;
  }
  .addition-example__lead {
    font-size: 18px;
  }
  .addition-example__lead__large {
    font-size: 24px;
  }
}

/* ステップ */
/* -------------------- */
.lp-step > li {
  position: relative;
}
.lp-step > li:last-child {
  margin-bottom: 0;
}
.lp-step > li:last-child::before {
  display: none;
}
.lp-step__title {
  background-color: #e9561e;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}
.lp-step__title span {
  color: #fff;
  font-weight: bold;
}
.lp-step__text {
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 641px) {
  .lp-step {
    max-width: 980px;
    margin: 0 auto;
  }
  .lp-step > li {
    width: 100%;
    margin-bottom: 20px;
    display: table;
  }
  .lp-step > li::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e9561e;
    position: absolute;
    bottom: -10px;
    left: 6.5%;
  }
  .lp-step__title,
  .lp-step__wrap {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
  }

  .lp-step__title {
    width: 150px;
    padding: 15px 10px;
    font-size: 24px;
    border-radius: 10px 0 0 10px;
  }
  .lp-step__title span {
    font-size: 30px;
  }
  .lp-step__wrap {
    width: 830px;
    padding: 20px 10px 20px 25px;
    border-top: 1px solid #e9561e;
    border-right: 1px solid #e9561e;
    border-bottom: 1px solid #e9561e;
    border-radius: 0 10px 10px 0;
    text-align: left;
  }
  .lp-step__img {
    width: 100%;
  }
  .lp-step__text {
    font-size: 20px;
  }
}
@media (max-width: 768px) and (min-width: 641px) {
  .lp-step > li::before {
    bottom: -9px;
  }
}
@media screen and (max-width: 640px) {
  .lp-step {
    padding: 0 30px;
  }
  .lp-step > li {
    margin-bottom: 30px;
  }
  .lp-step > li::before {
    content: '';
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e9561e;
    position: absolute;
    right: 0;
    bottom: -23px;
    left: 0;
  }
  .lp-step__title {
    font-size: 14px;
    padding: 10px;
    border-radius: 10px 10px 0 0;
  }
  .lp-step__title span {
    font-size: 18px;
  }
  .lp-step__wrap {
    padding: 15px 10px;
    border-right: 1px solid #e9561e;
    border-bottom: 1px solid #e9561e;
    border-left: 1px solid #e9561e;
    border-radius: 0 0 10px 10px;
    text-align: center;
  }
  .lp-step__text {
    font-size: 14px;
  }
}

/* ボタン */
/* -------------------- */
.btn-color_common--green {
  background-color: #109e4f;
  background-image: none;
}
.lp-btn {
  text-align: center;
  font-weight: bold;
}
.lp-btn > a {
  position: relative;
  display: block;
  line-height: 1.3;
  color: #333;
  border: 2px solid #b6b6b8;
}
.lp-btn > a::before {
  content: '';
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
}
.lp-btn > a:hover {
  text-decoration: none;
  opacity: .8;
}
.lp-button a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  border-radius: 50px;
  color: #fff;
  background-color: #ed5400;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
.lp-button a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: "";
}
.lp-button a:hover {
  text-decoration: none;
  background-color: #f18145;
}
.lp-button--green a {
  background-color: #109e4f;
}
.lp-button--green a:hover {
  background-color: #109e4f;
  opacity: .8;
}
@media screen and (min-width: 641px) {
  .lp-btn {
    max-width: 980px;
    margin: 20px auto 0;
  }
  .lp-btn > a {
    font-size: 24px;
    padding: 15px 60px;
  }
  .lp-btn > a::before {
    width: 15px;
    height: 15px;
    margin-top: -13px;
    right: 35px;
  }
  .lp-button {
    margin-top: 30px;
  }
  .lp-button a {
    padding: 20px;
    font-size: 20px;
  }
  .lp-button a:after {
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
@media screen and (max-width: 640px) {
  .lp-btn {
    margin-top: 15px;
    padding: 0 30px;
  }
  .lp-btn > a {
    padding: 10px 30px;
    font-size: 14px;
  }
  .lp-btn > a::before {
    width: 10px;
    height: 10px;
    margin-top: -10px;
    right: 15px;
  }
  .lp-button {
    margin-top: 15px;
  }
  .lp-button a {
    font-size: 14px;
    padding: 15px;
  }
}

/* 注釈 */
/* -------------------- */
.note {
  margin-top: 5px;
}
.note li {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}

/* モーダル */
/* -------------------- */
.promotion-modal {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  backface-visibility: hidden;
}
.promotion-modal__overlay {
  display: table;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.promotion-modal__container {
  display: table-cell;
  vertical-align: middle;
}
.promotion-modal__contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1100;
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border: 3px solid #eb5505;
}
.promotion-modal__contents > *:first-child {
  margin-top: 0;
}
.promotion-modal__contents > *:last-child {
  margin-bottom: 0;
}
.promotion-modal__close-button {
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.promotion-modal__close-button:hover {
  opacity: 0.7;
}
.promotion-modal__close-button:before,
.promotion-modal__close-button:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #eb5505;
  content: "";
}
.promotion-modal__close-button:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.promotion-modal__close-button:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotion-modal__label {
  position: absolute;
  display: inline-block;
  background-color: #eb5505;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
}
.promotion-modal__image {
  text-align: center;
}
.promotion-modal__fill-box {
  background-color: #fff4ed;
}
.promotion-modal__fill-box > *:first-child {
  margin-top: 0;
}
.promotion-modal__fill-box > *:last-child {
  margin-bottom: 0;
}
.promotion-modal__text {
  text-align: center;
  color: #888;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.4;
}
.promotion-modal__lead {
  text-align: center;
  color: #ed5400;
  font-size: 35px;
  margin-top: 25px;
  font-weight: bold;
  line-height: 1.2;
}

@media screen and (min-width: 641px) {
  .promotion-modal__container {
    padding: 60px 3.5%;
  }
  .promotion-modal__contents {
    padding: 100px 30px 30px;
  }
  .promotion-modal__close-button:before,
  .promotion-modal__close-button:after {
    width: 60%;
    height: 3px;
    margin: -2px 0 0 -30%;
  }
  .promotion-modal__close-button {
    top: 30px;
    right: 30px;
    width: 52px;
    height: 52px;
    border: 3px solid #eb5505;
  }
  .promotion-modal__label {
    left: 30px;
    top: 30px;
    padding: 5px 10px;
    font-size: 32px;
  }
  .promotion-modal__image {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 565px;
  }
  .promotion-modal__fill-box {
    padding: 25px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 640px) {
  .promotion-modal__container {
    padding: 40px 3.5% 60px;
  }
  .promotion-modal__contents {
    padding: 45px 10px 20px;
  }
  .promotion-modal__close-button:before,
  .promotion-modal__close-button:after {
    width: 62%;
    height: 2px;
    margin: -1px 0 0 -30%;
  }
  .promotion-modal__close-button {
    top: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
    border: 2px solid #eb5505;
  }
  .promotion-modal__label {
    padding: 5px 10px;
    font-size: 16px;
    left: 12px;
    top: 12px;
  }
  .promotion-modal__text {
    font-size: 14px;
    margin-top: 10px;
  }
  .promotion-modal__lead {
    letter-spacing: -0.05em;
    font-size: 23px;
    margin-top: 20px;
  }
  .promotion-modal__image {
    margin-top: 15px;
  }
  .promotion-modal__fill-box {
    padding: 3.5%;
    margin-top: 20px;
  }
}

/* キャッシュレス導線追加 */
/* -------------------- */
.lp-section--gray {
  margin-top: 30px;
  padding: 40px 50px;
  background-color: #f3f3f3;
}
.lp-section--gray > *:first-child {
  margin-top: 0;
}
.lp-section--gray > *:last-child {
  margin-bottom: 0;
}
.lp-heading-lv2__container {
  margin-top: 5px;
  text-align: center;
}
.lp-heading-lv2 {
  display: inline-block;
  position: relative;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
}
.lp-text-lead {
  margin-top: 30px;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
}
.lp-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp-description__item {
  width: 46%;
}
.lp-description__item--arrow {
  width: 8%;
  padding: 0 1.9%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.lp-cashless-mark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp-cashless-mark__image {
  width: 77px;
}
.lp-cashless-mark__lead {
  width: 64%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.lp-cashless-mark__lead p {
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  /* utility */
  .lp-pc-max-w58 {
    max-width: 58px;
  }
  .lp-pc-max-w790 {
    max-width: 790px;
  }
  .lp-pc-max-w860 {
    max-width: 860px;
    margin: 0 auto;
  }
  .pc_align-center {
    text-align: center;
  }
  .pc-align-left {
    text-align: left;
  }
}
@media (max-width: 768px) and (min-width: 641px) {
  /* utility */
  .lp-tb-max-w38 {
    max-width: 38px;
  }
  .lp-pc-max-w790,
  .lp-pc-max-w860 {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  /* utility */
  .lp-sp-max-w48 {
    max-width: 48px;
  }
  /* アンカーリンク遷移位置調整 */
  #cashless {
    margin-top: -110px;
    padding-top: 110px;
  }
  .lp-section--gray {
    margin-top: 20px;
    padding: 20px 3%;
  }
  .lp-inner {
    padding: 0 3%;
  }
  .lp-heading-lv2 {
    font-size: 20px;
  }
  .lp-text-lead {
    margin-top: 15px;
    font-size: 15px;
  }
  .lp-description__item {
    width: 100%;
  }
  .lp-description__item--arrow {
    width: 100%;
    padding: 0;
  }
  .lp-description__item--arrow img {
    width: 52px;
  }
  .lp-cashless-mark {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .lp-cashless-mark__image {
    width: 100%;
    text-align: center;
  }
  .lp-cashless-mark__image img {
    width: 77px;
  }
  .lp-cashless-mark__lead {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 20px;
  }
  .lp-cashless-mark__lead p {
    font-size: 14px;
  }
}

/* 重要なお知らせ枠追加 */
/* -------------------- */
.eyecatch {
  margin-top: 20px;
}
.informationBox {
  max-width: 980px;
  margin: 0 auto;
  padding: 12px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #f00;
}
.informationBox__lead {
  text-align: center;
  color: #f00;
}
@media screen and (min-width: 641px) {
  .informationArea {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .eyecatch {
    margin-top: 10px;
  }
  .informationBox {
    padding: 10px;
    margin: 10px 10px 0;
  }
  .informationBox__lead {
    font-size: 11px;
    line-height: 1.2;
  }
}


/* 重要なお知らせ枠追加 */
/* -------------------- */
@media screen and (min-width: 641px) {
  #header #logo {
    height: 71px;
  }
  #header #logo img {
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  #spHeader {
    display: table;
    width: 100%;
  }
  #spHeader #spLogo {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: auto;
  }
  #spHeader #spLogo img {
    width: 123px;
  }
}

/* UQ オープン対応 */
/* -------------------- */
.uqBox {
  padding: 15px;
  border: 2px solid #eb5505;
  border-radius: 10px;
}
.uqBox__title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #eb5505;
  line-height: 1.3;
}
.uqBox__title span {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.uqBox__wrap {
  margin-top: 10px;
  text-align: center;
}
.uqBox__wrap ul li {
  line-height: 1.3;
}
.uqBox--grey {
  border-color: #ddd;
}
.uqBox--grey .uqBox__title {
  background-color: #ddd;
  color: #333;
}
.uqBox--grey .uqBox__title span {
  color: #333;
}
.uqBox--grey .uqBox--grey__title {
  font-size: 20px;
}
.uqBox--grey .uqBox--grey__title span {
  font-size: 12px;
}
.uqBox--yellow {
  border-color: #f6d681;
  border-radius: 10px;
}
.uqBox--yellow .uqBox__title {
  font-size: 20px;
  background-color: #f6d681;
  color: #333;
  border-radius: 5px 5px 0 0;
}
.uqBox--yellow .uqBox__title span {
  font-size: 12px;
  color: #333;
}
.uqBox--yellow .uqBox__wrap {
  border-radius: 0 0 10px 10px;
}
.open-caution {
  font-size: 12px;
  color: #666;
  line-height: 1.4em;
}
@media screen and (max-width: 640px) {
  .uqBox {
    padding: 10px;
  }
  .uqBox--grey .uqBox--grey__title span {
    display: block;
  }
  .uqBox.uqBox--yellow {
    max-width: 354px;
  }
  .uqBox--yellow .uqBox__title span {
    display: block;
  }
  .uqBox__title {
    font-size: 14px;
  }
}

/* 入会特典更新対応 */
/* -------------------- */
.promotion__fontClorOrange {
  color: #eb5505;
}
.promotion__titleLv2 {
  font-weight: bold;
  text-align: center;
}
.promotion__titleLv2SubText {
  font-weight: bold;
  background-color: #eb5505;
  color: #fff;
  display: inline-block;
}
.promotion__fontWeightBold {
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .promotion__spOnly {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .promotion__pcOnly {
    display: none;
  }
}

/* payUse */
.payUse__titleLv3 {
  font-weight: 700;
  background-color: #eee;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
}
.payUse__subTitle {
  color: #ff0000;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
.payUse__emphasisText {
  color: #eb5505;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
.payUse__text {
  line-height: 1.3;
}
.payUse__list .payUse__list {
  margin-top: 0;
}
.payUse__list li {
  display: table;
  font-size: 12px;
  line-height: 1.6;
}
.payUse__list .payUse__listIcon {
  display: table-cell;
  color: #666;
  white-space: nowrap;
}
.payUse__list .payUse__listLead {
  display: table-cell;
  color: #666;
}
.payUse__listLead__link {
  font-size: 12px;
}
.payUse__image {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .payUse {
    max-width: 980px;
    margin: 0 auto;
  }
  .promotion__titleLv2 {
    font-size: 32px;
    line-height: 1.3;
  }
  .promotion__titleLv2SubText {
    font-size: 30px;
    line-height: 1.3;
    padding: 5px 20px;
  }
  .payUse__titleLv3 {
    font-size: 26px;
    margin-top: 30px;
    line-height: 1.3;
  }
  .payUse__subTitle {
    font-size: 36px;
    margin-top: 30px;
  }
  .payUse__emphasisText {
    font-size: 26px;
    margin-top: 20px;
  }
  .payUse__text {
    font-size: 24px;
    margin-top: 20px;
  }
  .payUse__text--large {
    font-size: 32px;
  }
  .payUse__marketText > span {
    font-size: 40px;
  }
  .payUse__image--01 {
    margin-top: 30px;
    max-width: 710px;
  }
  .payUse__image--02 {
    margin-top: 10px;
    max-width: 881px;
  }
  .payUse__image--03 {
    margin-top: 30px;
    max-width: 550px;
  }
  .payUse__image--02 + .payUse__list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .payUse {
    padding-left: 3%;
    padding-right: 3%;
  }
  .promotion__titleLv2 {
    font-size: 20px;
    line-height: 1.3;
  }
  .promotion__titleLv2SubText {
    font-size: 20px;
    line-height: 1.3;
    padding: 2px 10px;
    margin-top: 5px;
  }
  .payUse__titleLv3 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.3;
    padding: 15px;
  }
  .payUse__subTitle {
    font-size: 20px;
    margin-top: 15px;
  }
  .payUse__emphasisText,
  .payUse__text {
    font-size: 16px;
    margin-top: 15px;
  }
  .payUse__text--large {
    font-size: 18px;
  }
  .payUse__marketText {
    font-size: 24px;
    line-height: 1.3;
  }
  .payUse__marketText > span {
    font-size: 28px;
  }
  .payUse__marketImg {
    vertical-align: text-bottom;
  }
  .payUse__image--01 {
    margin-top: 25px;
  }
  .payUse__image--02 {
    margin-top: 20px;
  }
  .payUse__image--03 {
    margin-top: 20px;
    padding: 0 20px;
  }
}

/* promotionBonus */
.promotionBonus__box {
  border: 1px solid #ccc;
  margin-top: 30px;
  border-radius: 10px;
  padding: 40px 40px 35px;
}
.promotionBonus__title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}
.promotionBonus__image {
  text-align: center;
}
.promotionBonus__lead {
  margin-top: 25px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
}
.promotionBonus__leadPoint {
  font-size: 30px;
  font-weight: 700;
  margin-top: 5px;
  text-align: center;
  line-height: 1.3;
}
.promotion__fontLarge {
  font-size: 60px;
}
@media screen and (min-width: 641px) {
  .promotionBonus {
    max-width: 980px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .promotionBonus {
    padding: 0 3%;
  }
  .promotionBonus__box {
    margin-top: 15px;
    padding: 20px 10px;
  }
  .promotionBonus__title {
    font-size: 20px;
  }
  .promotionBonus__lead {
    font-size: 14px;
    margin-top: 20px;
  }
  .promotionBonus__leadPoint {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
  }
  .promotion__fontLarge {
    font-size: 30px;
  }
  .promotionBonus__image {
    max-width: 152px;
    margin: 0 auto;
  }
}

/* promotionDetail　promotionBenefit */
.promotionDetail,
.promotionBenefit {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  margin-top: 50px;
}
.promotionDetail__title,
.promotionBenefit__title {
  position: relative;
  border: 2px solid #f15a22;
  border-radius: 50px;
  color: #f15a22;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.promotionDetail__title img,
.promotionBenefit__title img {
  max-width: 36px;
  margin-right: 10px;
  vertical-align: sub;
}
.promotionDetail__title > span,
.promotionBenefit__title > span {
  color: #f15a22;
  font-weight: 700;
}
.promotionDetail__title.is-open,
.promotionBenefit__title.is-open {
  background-color: #fdeee6;
}
.promotionDetail__title:hover,
.promotionBenefit__title:hover {
  background-color: #fdeee6;
}
.promotionDetail__title::before,
.promotionDetail__title::after,
.promotionBenefit__title::before,
.promotionBenefit__title::after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 24px;
  width: 15px;
  height: 2px;
  transform: translateY(-50%);
  background-color: #eb5505;
  background-image: none;
  border: none;
  content: '';
}
.promotionDetail__title::after,
.promotionBenefit__title::after {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all .2s ease;
  right: 24px;
}
.promotionDetail__title.is-open:after,
.promotionBenefit__title.is-open::after {
  margin-top: -1px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.promotionDetail__title[aria-expanded=true]::after {
  margin-top: -1px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.promotionDetail__body,
.promotionBenefit__body {
  display: none;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 2px solid #eb5505;
  line-height: 1.6;
  text-align: left;
  background-color: #fff;
}
.promotionDetail__panel,
.promotionBenefit__panel {
  width: 100%;
  padding: 7px;
  border-bottom: 2px solid #eb5505;
  text-align: center;
}
.promotionDetail__panelTitle .promotionDetail__label,
.promotionBenefit__panelTitle .promotionBenefit__label {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 3px;
  padding: 5px 7.5px;
  border-radius: 50px;
  background: #eb5505;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.promotionDetail__panelTitle .promotionDetail__txt,
.promotionBenefit__panelTitle .promotionBenefit__txt {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}
.promotionDetail__panelTitle .promotionDetail__largeTxt,
.promotionBenefit__panelTitle .promotionBenefit__largeTxt {
  font-size: 15px;
  font-weight: 700;
}
.promotionDetail__inner,
.promotionBenefit__inner {
  padding: 20px 10px 10px;
}
@media screen and (min-width: 641px) {
  .promotionDetail__title,
  .promotionBenefit__title {
    border: 2px solid #f15a22;
    font-size: 22px;
    padding: 20px;
  }
  .promotionDetail__body,
  .promotionBenefit__body {
    margin-top: 57px;
    margin-bottom: 20px;
    border: 4px solid #eb5505;
  }
  .promotionDetail__panel,
  .promotionBenefit__panel {
    padding: 15px 15px 5px;
    border-bottom: 4px solid #eb5505;
  }
  .promotionDetail__panelTitle .promotionDetail__label,
  .promotionBenefit__panelTitle .promotionBenefit__label {
    padding: 10px 25px;
    font-size: 16px;
  }
  .promotionDetail__panelTitle .promotionDetail__txt,
  .promotionBenefit__panelTitle .promotionBenefit__txt {
    font-size: 24px;
  }
  .promotionDetail__panelTitle .promotionDetail__largeTxt,
  .promotionBenefit__panelTitle .promotionBenefit__largeTxt {
    font-size: 24px;
  }
  .promotionDetail__inner,
  .promotionBenefit__inner {
    padding: 20px;
  }
}
@media screen and (max-width: 640px) {
  .promotionDetail,
  .promotionBenefit {
    margin-top: 30px;
    padding: 0 3%;
  }
  .promotionDetail__title,
  .promotionBenefit__title {
    padding: 11px;
    font-size: 16px;
  }
  .promotionDetail__title img,
  .promotionBenefit__title img {
    max-width: 26px;
  }
}

/* benefitsDetails */
.benefitsDetails__hdg {
  position: relative;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  color: #eb5505;
  font-size: 18px;
  font-weight: 700;
}
.benefitsDetails__hdg:after {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 70px;
  height: 1px;
  background: #e9561e;
  content: '';
}
.benefitsDetails__lead {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.benefitsDetails__list {
  margin-top: 20px;
  font-size: 14px;
}
.benefitsDetails__list .benefitsDetails__list {
  margin-top: 0;
}
.benefitsDetails__list li {
  display: table;
}
.benefitsDetails__list a {
  font-size: 12px;
}
.benefitsDetails__list .benefitsDetails__listIcon {
  display: table-cell;
}
.benefitsDetails__list .benefitsDetails__listLead {
  display: table-cell;
}
.benefitsDetails__fontSmall {
  color: #666;
  font-size: 12px;
}
.benefitsDetails__fontSmall li {
  color: #666;
  font-size: 12px;
}
.benefitsDetails__fontSmall li span {
  color: #666;
  font-size: 12px;
}
.benefitsDetails__fontBold {
  font-weight: 700;
}
.benefitsDetails__mgT0 {
  margin-top: 0;
}
.benefitsDetails__mgT10 {
  margin-top: 10px;
}
.benefitsDetails__mgT20 {
  margin-top: 20px;
}

/* promotionPointCampaign */
.promotionPointCampaign {
  background-color: #eee;
  padding: 55px 0;
  margin-top: 60px;
}
.promotionPointCampaign__inner {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.promotionPointCampaignCard__item {
  border-radius: 10px;
}
.promotionPointCampaignCard__title {
  background-color: #aaa;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 28px;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.promotionPointCampaignCard__title--col1 {
  font-size: 26px;
}
.promotionPointCampaignCard__title--col2 {
  padding: 0;
  background-color: #eb5505;
  text-align: left;
}
.promotionPointCampaignCard__title--col2__main,
.promotionPointCampaignCard__title--col2__sub {
  padding: 13px 5px;
  display: inline-block;
}
.promotionPointCampaignCard__title--col2__main {
  width: 25%;
  background-color: #fff;
  color: #eb5505;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  border-top: 2px solid #eb5505;
  border-bottom: 2px solid #eb5505;
  border-left: 2px solid #eb5505;
  border-radius: 10px 0 0 0;
  box-sizing: border-box;
}
.promotionPointCampaignCard__title--col2__sub {
  width: 75%;
  background-color: #eb5505;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  border-radius: 0 10px 0 0;
  box-sizing: border-box;
}
.promotionPointCampaignCard__inner {
  padding: 40px 15px 35px;
  text-align: center;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
}
.promotionPointCampaignCard__text {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.promotionPointCampaignCard__textSmall {
  font-size: 20px;
  line-height: 1.3;
  margin-top: 15px;
  font-weight: 700;
}
.promotionPointCampaignCard__textLarge {
  font-size: 45px;
  color: #eb5505;
  line-height: 1.3;
  margin-top: 10px;
  font-weight: 700;
}
.promotionPointCampaignCard__textLarge span {
  font-size: 55px;
}
.promotionPointCampaignCard__subBox {
  border: 1px solid #eb5505;
  border-radius: 10px;
  position: relative;
  padding: 15px 10px;
  margin-top: 20px;
}
.promotionPointCampaignCard__subBoxTitle {
  position: absolute;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  background: #fff;
  top: -.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}
.promotionPointCampaignCard__subBoxText {
  font-size: 26px;
  font-weight: 700;
  color: #eb5505;
  letter-spacing: -1px;
  line-height: 1.3;
}
@media screen and (min-width: 641px) {
  .promotionPointCampaignCard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .promotionPointCampaignCard__item {
    width: 49%;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .promotionPointCampaignCard__item:nth-child(n+2) {
    margin-left: 2%;
  }
  .promotionPointCampaignCard__inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}
@media (max-width: 768px) and (min-width: 641px) {
  .promotionPointCampaignCard__title--col1 {
    padding: 14px 15px;
    font-size: 22px;
  }
  .promotionPointCampaignCard__title--col2__main {
    width: 25%;
    font-size: 20px;
  }
  .promotionPointCampaignCard__title--col2__sub {
    width: 75%;
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  .promotionPointCampaign {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .promotionPointCampaign__inner {
    padding: 0 3%;
  }
  .promotionPointCampaignCard {
    margin-top: 20px;
  }
  .promotionPointCampaignCard__item:nth-child(n+2) {
    margin-top: 30px;
  }
  .promotionPointCampaignCard__title {
    font-size: 18px;
    padding: 12px;
  }
  .promotionPointCampaignCard__title--col2 {
    padding: 0;
  }
  .promotionPointCampaignCard__title--col2__main,
  .promotionPointCampaignCard__title--col2__sub {
    padding: 10px 5px;
  }
  .promotionPointCampaignCard__title--col2__main {
    font-size: 18px;
  }
  .promotionPointCampaignCard__title--col2__sub {
    font-size: 16px;
  }
  .promotionPointCampaignCard__inner {
    padding: 25px 15px 20px;
  }
  .promotionPointCampaignCard__text {
    font-size: 18px;
  }
  .promotionPointCampaignCard__textSmall {
    font-size: 18px;
    margin-top: 15px;
  }
  .promotionPointCampaignCard__textLarge {
    font-size: 36px;
  }
  .promotionPointCampaignCard__textLarge span {
    font-size: 42px;
  }
  .promotionPointCampaignCard__subBox {
    padding: 15px 10px;
    margin-top: 20px;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

  }
  .promotionPointCampaignCard__subBoxTitle {
    font-size: 20px;
  }
  .promotionPointCampaignCard__subBoxText {
    font-size: 26px;
  }
}

/* promotionPrivilege */
.promotionPrivilege {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px;
  margin-top: 60px;
}
.promotionPrivilege__button {
  margin: 60px auto 0;
}
.promotionPrivilege__button a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  border-radius: 50px;
  color: #fff;
  background-color: #ed5400;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
.promotionPrivilege__button a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: "";
}
.promotionPrivilege__button a:hover {
  text-decoration: none;
  background-color: #f18145;
}
@media screen and (min-width: 641px) {
  .promotionPrivilege__button a {
    padding: 20px;
    font-size: 20px;
  }
  .promotionPrivilege__button a:after {
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
@media screen and (max-width: 640px) {
  .promotionPrivilege {
    margin-top: 30px;
  }
  .promotionPrivilege__button {
    margin: 30px auto 0;
  }
  .promotionPrivilege__button a {
    font-size: 14px;
    padding: 20px;
  }
}
.promotionPrivilege + .title01 {
  margin-top: 110px;
}
@media screen and (max-width: 640px) {
  .promotionPrivilege + .title01 {
    margin-top: 40px;
  }
}

/* benefitsDetails__table */
.benefitsDetails__table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  table-layout: fixed;
}
.benefitsDetails__table td,
.benefitsDetails__table th {
  border: 1px solid #e4e4e4;
  font-size: 14px;
}
.benefitsDetails__table td {
  padding: 10px 5px;
}
.benefitsDetails__table th {
  background: #f3f3f3;
  font-weight: 700;
  text-align: center;
}
.benefitsDetails__table tr[data-col="2"] td,
.benefitsDetails__table tr[data-col="2"] th {
  width: 50%;
}
.benefitsDetails__circleList {
  padding-left: 1.5em;
}
.benefitsDetails__circleList > li {
  margin-top: 5px;
  list-style: disc outside;
}
@media (min-width: 641px) {
  .benefitsDetails__table {
    table-layout: auto;
  }
  .benefitsDetails__table th {
    padding: 10px;
  }
  .benefitsDetails__table td {
    padding: 10px;
  }
  .benefitsDetails__circleList {
    padding-left: 2em;
  }
}
@media (max-width: 640px) {
  .benefitsDetails__table td,
  .benefitsDetails__table th {
    padding: 10px 5px;
  }
  .benefitsDetails__spFontSmall {
    font-size: 13px;
  }
}

:root {
  --primary: #eb5505;
  --primary-light: #fdeee6;
  --secondary: #00939d;
  --secondary-light: #dafaff;
  --link: #0070c9;
  --gold: #a58001;
  --gold-light: #b4963b;
  --gold-lighter: #dcbc59;
  --silver: #b6b6b8;
  --black: #333;
  --black-dark: #000;
  --gray-darker: #666666;
  --gray-dark: #7f7f7f;
  --gray: #ccc;
  --gray-light: #ddd;
  --gray-lighter: #f7f7f7;
  --white: #fff;
  --yellow-light: #fff7d9;
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}
.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__play {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.anchorButton {
  width: 100%;
  border: 2px solid var(--gray);
  box-sizing: border-box;
  display: block;
  padding: 20px 40px;
  font-size: 18px;
  color: var(--black);
  position: relative;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  transition: opacity 0.3s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.anchorButton, .anchorButton:visited {
  color: var(--black);
}
.anchorButton::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 32px;
  transform: rotate(45deg);
  background-color: transparent;
  content: "";
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  width: 10px;
  height: 10px;
  margin-top: -9px;
}
@media (hover: hover) {
  .anchorButton:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}
@media screen and (max-width: 640px) {
  .anchorButton {
    padding: 11px 20px;
    font-size: 13px;
    border-radius: 4px;
  }
  .anchorButton::after {
    top: -2px;
    bottom: 0;
    margin: auto 0;
    right: 8px;
    width: 6px;
    height: 6px;
  }
}

.stickyBanner {
  position: relative;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 15px 26px;
  z-index: 100;
  transition: transform 0.5s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.stickyBanner.sticky {
  position: sticky;
}
.stickyBanner.is-ready {
  transform: translateY(100%);
}
.stickyBanner.is-shown {
  transform: translateY(0);
}
@media screen and (max-width: 640px) {
  .stickyBanner {
    padding: 10px 15px;
  }
}

.largeLink {
  --color: var(--primary);
  width: 100%;
  border: 2px solid var(--color);
  box-sizing: border-box;
  display: block;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: bold;
  color: var(--color);
  position: relative;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.largeLink:visited, .largeLink a:visited {
  color: var(--color);
}
.largeLink::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 32px;
  transform: rotate(-45deg);
  background-color: transparent;
  content: "";
  border-right: solid 2px var(--color);
  border-bottom: solid 2px var(--color);
  width: 10px;
  height: 10px;
}
@media (hover: hover) {
  .largeLink:hover {
    text-decoration: none;
    background-color: var(--color);
    color: var(--white);
  }
  .largeLink:hover::after {
    border-color: currentColor;
  }
}
@media screen and (max-width: 640px) {
  .largeLink {
    padding: 16px 30px;
    font-size: 15px;
    border-radius: 5px;
  }
  .largeLink::after {
    right: 15px;
    width: 6px;
    height: 6px;
  }
}

.linebox, .linebox--blue, .linebox--noTopLine {
  width: 100%;
  --lineColor: var(--gray);
  --topColor: var(--gray);
  background-color: var(--white);
  border: 1px solid var(--lineColor);
  border-top: none;
  border-radius: 10px;
  min-height: 100px;
  overflow: hidden;
  position: relative;
}
.linebox::before, .linebox--blue::before, .linebox--noTopLine::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background-color: var(--topColor);
  top: 0;
  left: 0;
}
.linebox--noTopLine {
  border: 1px solid var(--lineColor);
}
.linebox--noTopLine::before {
  content: "";
  display: none;
}
.linebox__inner {
  width: 100%;
  box-sizing: border-box;
  padding: 0 40px;
  margin: 0 auto;
}
.linebox__titleWrapper {
  width: 100%;
  border-bottom: 2px solid var(--gray);
}
.linebox__content + .linebox__content {
  border-top: 2px solid var(--gray);
}
.linebox__content + .linebox__content.linebox__content--noTopBorder {
  border-top: none;
}
.linebox--blue {
  --lineColor: var(--secondary);
}
@media screen and (max-width: 640px) {
  .linebox, .linebox--blue, .linebox--noTopLine {
    border-radius: 5px;
  }
  .linebox__inner {
    padding: 0 20px;
  }
}

.slideCard {
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 10px;
}
.slideCard__inner {
  padding: 0 1.3235294118vw 1.4705882353vw;
}
.slideCard__head {
  border-bottom: 1px solid var(--gray);
}
@media screen and (max-width: 640px) {
  .slideCard {
    border-radius: 5px;
  }
  .slideCard__inner {
    padding: 0 4vw;
  }
}

.uqBox {
  padding: 20px;
  border: 2px solid var(--primary);
  border-radius: 0;
}
.uqBox__title {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: var(--black);
  line-height: 1.3;
}
@media screen and (max-width: 640px) {
  .uqBox {
    padding: 14px 20px;
  }
  .uqBox__title {
    font-size: 14px;
    line-height: 1.3;
  }
}

.faqAccordion {
  width: 100%;
  border: 1px solid var(--gray);
  overflow: hidden;
  border-radius: 8px;
}
.faqAccordion__head {
  width: 100%;
  display: block;
  padding: 21px 60px 21px 27px;
  position: relative;
  background-color: var(--white);
  border: none;
  cursor: pointer;
  appearance: none;
}
.faqAccordion__head.js-focus-visible:focus:not(.focus-visible), .faqAccordion__head:focus:not(:focus-visible) {
  outline: none;
}
.faqAccordion__head.focus-visible, .faqAccordion__head:focus-visible {
  outline: revert;
}
.faqAccordion__head::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 31px;
  width: 20px;
  height: 2px;
  transform: translateY(-50%);
  background-color: var(--primary);
}
.faqAccordion__head::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 31px;
  width: 20px;
  height: 2px;
  background-color: var(--primary);
  transform: rotate(-90deg);
  transition: all 0.2s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.faqAccordion__head[aria-expanded=true]::after {
  transform: rotate(0deg);
}
.faqAccordion__title {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: var(--black);
  text-align: left;
}
.faqAccordion__title::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/function/promotion/fg2311/img/icon_question.png) no-repeat center/contain;
  margin-right: 20px;
  flex-shrink: 0;
}
.faqAccordion__content {
  width: 100%;
}
.faqAccordion__contentInner {
  width: 100%;
  border-top: 1px solid var(--gray);
  padding: 26px 30px;
}
[aria-hidden=true] .faqAccordion__contentInner {
  display: none;
}
@media screen and (max-width: 640px) {
  .faqAccordion {
    border-radius: 4px;
  }
  .faqAccordion__head {
    padding: 17px 36px 15px 12px;
  }
  .faqAccordion__head::before {
    right: 15px;
    width: 12px;
  }
  .faqAccordion__head::after {
    right: 15px;
    width: 12px;
  }
  .faqAccordion__title {
    font-size: 14px;
  }
  .faqAccordion__title::before {
    width: 20px;
    height: 20px;
    margin-right: 16px;
  }
  .faqAccordion__contentInner {
    padding: 12px;
  }
}

.cvButton {
  background-color: var(--secondary);
  display: block;
  width: 100%;
  padding: 20px 0;
  color: var(--white);
  font-size: 18px;
  border-radius: 10px;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.cvButton::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 35px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  background-color: transparent;
  content: "";
}
.cvButton:visited {
  color: var(--white);
}
.cvButton__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: currentColor;
  font-weight: bold;
}
@media (hover: hover) {
  .cvButton:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}
@media screen and (max-width: 640px) {
  .cvButton {
    padding: 17px 0;
    font-size: 15px;
    border-radius: 5px;
  }
  .cvButton::after {
    right: 18px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
  }
}

.fg2311 .promotionDetail,
.fg2311 .promotionBenefit {
  margin-top: 40px;
}
.fg2311 .promotionDetail__title,
.fg2311 .promotionBenefit__title {
  border-radius: 8px;
  padding: 15px;
}
.fg2311 .promotionDetail__title > img,
.fg2311 .promotionBenefit__title > img {
  width: 22px;
  display: block;
}
.fg2311 .promotionDetail__title > span,
.fg2311 .promotionBenefit__title > span {
  font-size: 18px;
}
.fg2311 .promotionDetail__body {
  display: block;
  overflow: hidden;
  --marginTop: 57px;
  --marginBottom: 20px;
  margin-top: var(--marginTop);
  margin-bottom: var(--marginBottom);
  border: 0;
}
.fg2311 .promotionBenefit__body {
  display: none;
  overflow: hidden;
  --marginTop: 57px;
  --marginBottom: 20px;
  margin-top: var(--marginTop);
  margin-bottom: var(--marginBottom);
  border: 0;
}
.fg2311 .promotionDetail__body[aria-hidden=true] * {
  visibility: hidden;
}
.fg2311 .promotionDetail__inner,
.fg2311 .promotionBenefit__inner {
  border: 4px solid var(--primary);
}
@media screen and (max-width: 640px) {
  .fg2311 .promotionDetail,
  .fg2311 .promotionBenefit {
    padding: 0;
    margin-top: 36px;
  }
  .fg2311 .promotionDetail__title,
  .fg2311 .promotionBenefit__title {
    padding: 10px;
    border-radius: 4px;
  }
  .fg2311 .promotionDetail__title > img,
  .fg2311 .promotionBenefit__title > img {
    width: 22px;
    display: block;
  }
  .fg2311 .promotionDetail__title > span,
  .fg2311 .promotionBenefit__title > span {
    font-size: 14px;
  }
  .fg2311 .promotionDetail__title::before,
  .fg2311 .promotionBenefit__title::before {
    right: 10px;
  }
  .fg2311 .promotionDetail__title::after,
  .fg2311 .promotionBenefit__title::after {
    right: 10px;
  }
  .fg2311 .promotionDetail__body,
  .fg2311 .promotionBenefit__body {
    --marginTop: 15px;
    --marginBottom: 10px;
  }
  .fg2311 .promotionDetail__inner,
  .fg2311 .promotionBenefit__inner {
    border: 2px solid var(--primary);
  }
}

.fg2311 {
  box-sizing: border-box;
}

.applicationBanners {
  display: flex;
  width: min(100%, 740px);
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .applicationBanners {
    width: min(100%, 400px);
  }
}

.applicationBanner {
  width: 360px;
  padding: 0 10px;
}
@media (hover: hover) {
  .applicationBanner:hover {
    text-decoration: none;
  }
}
.applicationBanner__wordWrapper {
  display: flex;
  justify-content: center;
}
.applicationBanner__word {
  font-size: clamp(14px, 1.4285714286vw, 18px);
  color: var(--black);
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.applicationBanner__word > span {
  color: red;
  font-weight: bold;
  margin-right: 10px;
}
.applicationBanner__name {
  font-size: clamp(14px, 1.4285714286vw, 18px);
  color: var(--black);
  text-align: center;
  font-weight: bold;
}
.cvButton[data-color=gold] {
  background-color: #a78103;
}
.applicationBanner__button {
  margin-top: 5px;
  width: 100%;
  display: block;
}
.applicationBanner__button img {
  width: 100%;
  display: block;
}
.sp3Only {
  display: none;
}
.cvDetails__buttonText {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: var(--black);
  line-height: 1.3;
}
.cvDetails__silver, .cvDetails__gold {
  width: 42%;
}
.cvDetails__silver {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cvDetails__silver picture {
  margin-left: -95px;
  /* max-width: 356px; */
  display: block;
}
/* .cvDetails__silver picture img {
  width: 100%;
} */
.cvDetails__gold {
  margin-right: 45px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cvDetails__gold picture {
  margin-left: -85px;
  /* max-width: 356px; */
  display: block;
}
.mv .cvDetails__gold picture {
  margin-left: -20px;
}
.cvDetails__gold .cvDetails__buttonText {
  line-height: 1.3;
  margin-left: -5px;
  margin-right: -5px;
}
.cvDetails__gold .cvDetails__noteList {
  margin-top: 5px;
  margin-bottom: 10px;
}
.cvDetails__flex {
  margin: 48px auto 0;
  display: flex;
  justify-content: center;
  margin-top: 60px;
  width: min(100%, 980px);
  padding: 0 10px;
}
.cvDetails__price {
  font-size: 15px;
  margin-top: 10px;
}
@media screen and (max-width: 840px) {
  .cvDetails__gold picture {
    margin-left: -44px;
    max-width: 340px;
    display: block;
  }
  .cvDetails__silver picture {
    margin-left: -20px;
    max-width: 300px;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .applicationBanner {
    width: 310px;
  }
  .applicationBanner__wordWrapper {
    display: block;
  }
  .applicationBanner__word {
    font-size: min(11px, 2.6666666667vw);
    margin: 0;
    margin-bottom: 9px;
    line-height: 1.3;
    min-height: 27px;
  }
  .applicationBanner__name {
    font-size: min(10px, 2.6666666667vw);
    margin-top: 5px;
  }
  .applicationBanner .cvButton {
    line-height: 1.2;
    font-size: 12px;
    min-height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    text-align: center;
  }
  .applicationBanner__button {
    margin-top: 10px;
  }
  .applicationBanner__word > span {
    margin-right: 0;
    display: block;
  }
  .cvDetails__flex {
    display: block;
    margin-top: 35px;
    padding: 0 20px;
  }
  .cvDetails__buttonText {
    margin-top: 15px;
    font-size: 15px;
  }
  .cvDetails__silver, .cvDetails__gold {
    width: 100%;
    margin-right: 0;
  }
  .cvDetails__silver {
    margin-top: 40px;
  }
  .cvDetails__gold picture {
    max-width: 335px;
    width: 90%;
    display: block;
    margin: auto;
  }
  .cvDetails__silver picture {
    width: 90%;
    max-width: 335px;
    display: block;
    margin: auto;
  }
  .cvDetails__gold .cvDetails__noteList {
    margin-bottom: 0;
  }
  .mv .cvDetails__gold picture {
    margin-left: auto;
  }
  .mv .cvDetails__flex {
    padding: 0;
  }
  .mv .cvDetails__gold picture {
    max-width: 300px;
    width: 83%;
    display: block;
    margin: auto;
  }
  .mv .cvDetails__silver picture {
    max-width: 300px;
    width: 83%;
    display: block;
    margin: auto;
  }
}
@media screen and (max-width: 366px) {
  .sp3Only {
    display: block;
  }
}


.mv {
  width: min(100%, 960px);
  margin: 0 auto;
}
.mv__inner {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.mv__title {
  width: 100%;
  position: relative;
}
.mv__title picture,
.mv__title img {
  width: 100%;
  display: block;
}
.mv__cvTop {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.mv__cvTop::before {
  content: url("/function/promotion/fg2311/img/img_card_free-pc.png");
  display: block;
  width: 221px;
  height: 275px;
  margin: 0 35px;
}
.mv__cvArea {
  width: 385px;
  flex-shrink: 0;
  margin: 0 25px;
}
.mv__cvTitle {
  width: 353px;
  margin: 0 auto 0;
}
.mv__cvTitle picture, .mv__cvTitle img {
  width: 100%;
  display: block;
}
.mv__cvDesc {
  font-size: 16px;
  color: var(--black);
  text-align: center;
  line-height: 1.5;
  position: absolute;
  bottom: 3px;
  width: 100%;
}
.mv__cvNoteList {
  margin-top: 19px;
}
.mv__cvNote {
  color: var(--gray-darker);
  font-size: 12px;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.5;
}
.mv__uqBox {
  margin-top: 38px;
}
@media screen and (max-width: 960px) {
  .mv__cvDesc {
    font-size: 1.6666666667vw;
    bottom: 0.26vw;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  .mv__cvTop {
    margin-top: 30px;
    transform: scale(0.9);
  }
}
@media screen and (max-width: 640px) {
  .mv__inner {
    padding: 0 20px;
  }
  .mv__cvTop {
    margin: 32px auto 0;
  }
  .mv__cvTop::before {
    display: none;
  }
  .mv__cvArea {
    width: 100%;
    padding: 0;
  }
  .mv__cvTitle {
    width: min(100%, 335px);
  }
  .mv__cvPoint {
    width: min(100%, 300px);
    margin: auto;
  }
  .mv__cvDesc {
    font-size: 3.6vw;
    bottom: 1.7vw;
  }
  .mv__cvNote {
    font-size: 12px;
    line-height: 1.3;
  }
  .mv__uqBox {
    margin-top: 20px;
  }
}

.nav {
  width: min(100%, 980px);
  margin: 120px auto 0;
  box-sizing: border-box;
}
.nav__list {
  display: flex;
  justify-content: center;
}
.nav__item {
  width: 23.4375%;
  margin: 0 10px;
}
@media screen and (max-width: 640px) {
  .nav {
    margin: 58px auto 0;
    padding: 0 20px;
  }
  .nav__list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .nav__item {
    width: 48.5074626866%;
    margin: 10px 0 0;
  }
}

.navButton {
  background-color: var(--primary-light);
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  border-bottom: 7px solid var(--primary);
  padding: 30px 0 32px;
  display: block;
  position: relative;
}
.navButton::after {
  content: "";
  width: 13px;
  height: 7px;
  display: block;
  background: url("/function/promotion/fg2311/img/icon_arrow_bottom_orange-pc.png") no-repeat top/cover;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: transform 0.3s cubic-bezier(0.21, 0.67, 0.35, 1);
}
.navButton__label {
  width: 100%;
  display: block;
  font-size: min(16px, 1.7777777778vw);
  text-align: center;
  color: var(--primary);
  font-weight: bold;
  position: relative;
}
@media (hover: hover) {
  .navButton:hover {
    text-decoration: none;
  }
  .navButton:hover::after {
    transform: translateY(3px);
  }
}
@media screen and (max-width: 640px) {
  .navButton {
    border-bottom: 7px solid var(--primary);
    padding: 22px 0 28px;
  }
  .navButton__label {
    font-size: 12px;
  }
}

.content {
  padding: 120px 0;
}
.content__lavel {
  margin-bottom: 20px;
  border-radius: 35px;
  display: inline-block;
  background-color: #fdeee6;
  vertical-align: bottom;
  color: #eb5505;
  font-weight: bold;
  line-height: 1;
}
.content__lead {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}
.content__title {
  font-size: 30px;
  text-align: center;
}
.content__titleInner {
  font-weight: bold;
  position: relative;
  display: inline-block;
  line-height: 1.3;
}
.content__titleInner::before, .content__titleInner::after {
  content: "";
  display: block;
  width: 3px;
  height: 40px;
  background-color: var(--black-dark);
  transform: rotateZ(32deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.content__titleInner::before {
  left: -32px;
}
.content__titleInner::after {
  right: -32px;
}
.content__titleInner.content__titleInner--line {
  font-weight: bold;
  position: relative;
  overflow: hidden;
  line-height: 1.3;
  border-bottom: 1px solid var(--gold);
  padding: 0 20px 10px;
}
.content__titleInner.content__titleInner--line::before,
.content__titleInner.content__titleInner--line::after {
  display: none;
}
@media screen and (min-width: 641px) {
  .content__titleInner[data-pc-row="3"]::before {
    height: 140px;
  }
  .content__titleInner[data-pc-row="3"]::after {
    height: 140px;
    right: -42px;
  }
  .content__titleInner[data-row="4"]::before {
    height: 90px;
  }
  .content__titleInner[data-row="4"]::after {
    height: 90px;
    right: -25px;
  }
  .content__title.fix {
    padding: 0 80px;
  }
  .content__lavel {
    padding: 8px 35px;
    font-size: 20px;
  }
  .content__lead {
    font-size: 24px;
  }
}
@media screen and (max-width: 700px) {
  .content__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .content {
    padding: 58px 0;
  }
  .content__lavel {
    font-size: 14px;
    padding: 5px 30px;
  }
  .content__lead {
    font-size: 15px;
  }
  .content__title {
    font-size: min(26px, 6.9333333333vw);
  }
  .content__titleInner::before, .content__titleInner::after {
    width: min(3px, 0.8vw);
    height: min(30px, 8vw);
  }
  .content__titleInner::before {
    left: -18px;
  }
  .content__titleInner::after {
    right: -18px;
  }
  .content__titleInner[data-row="2"]::before {
    left: -32px;
    height: min(70px, 20vw);
  }
  .content__titleInner[data-row="2"]::after {
    right: -32px;
    height: min(70px, 20vw);
  }
  .content__titleInner[data-row="4"]::before {
    left: -11px;
    height: min(130px, 40vw);
    transform: rotateZ(10deg);
  }
  .content__titleInner[data-row="4"]::after {
    right: -11px;
    height: min(130px, 40vw);
    transform: rotateZ(10deg);
  }
  .content__titleInner[data-sp-row="5"]::before {
    left: -16px;
    height: min(168px, 48vw);
    transform: rotateZ(10deg);
  }
  .content__titleInner[data-sp-row="5"]::after {
    right: -10px;
    height: min(168px, 48vw);
    transform: rotateZ(10deg);
  }
  .content__titleInner.content__titleInner--line {
    padding: 0 10px 5px;
  }
  .img_heading {
    width: 100%;
    max-width: 335px;
  }
}

.bonus {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.bonus__inner {
  width: min(100%, 960px);
  margin: 0 auto;
}
.bonus__inner .linebox, .bonus__inner .linebox--blue, .bonus__inner .linebox--noTopLine {
  width: 100%;
  background-color: var(--white);
  border-radius: 50px 0 0 0;
  border: none;
  min-height: 100px;
  position: relative;
  box-shadow: 0 0px 25px 0 rgb(251, 243, 211);
}
.bonus__inner .linebox::before {
  display: none;
}
.bonus__inner .linebox[data-radius="0"] {
  border-radius: 0;
}
.bonus__inner .linebox[data-shadow="none"] {
  box-shadow: none;
}
.bonus__inner .linebox--noTopLine {
  border: 1px solid var(--lineColor);
}
.bonus__inner .linebox--noTopLine::before {
  content: "";
  display: none;
}
.bonus__inner .linebox__inner {
  width: 100%;
  box-sizing: border-box;
  padding: 0 40px 40px;
  margin: 0 auto;
}
.bonus__inner .linebox__titleWrapper {
  width: 100%;
  border-bottom: 2px solid var(--gray);
}
.bonus__inner .linebox--blue {
  --lineColor: var(--secondary);
}
.bonus__inner .linebox__content-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bonus__inner .linebox__content-flex__item {
  width: 48%;
  margin-bottom: 40px;
  display: flex;
  justify-content: left;
}
.bonus__inner .linebox__content-flex__item > picture {
  margin-right: 18px;
  width: 54%;
}
.bonus__inner .linebox__content-flex__item .lp-text {
  font-size: 15px;
}
.bonus__inner .linebox__content + .linebox__content {
  border: none;
}
.bonus__inner .bonus__item + .bonus__item {
  margin-top: 40px;
}
.bonus__inner .linebox.linebox_radius, .bonus__inner .linebox_radius.linebox--noTopLine, .bonus__inner .linebox_radius.linebox--blue {
  border-radius: 12px;
}
.bonus__inner .goldService__subtitle {
  margin-bottom: 20px;
}
.bonus__inner .lp-accordion[data-type=gray] .lp-accordion__head {
  font-size: 18px;
  padding: 18px 50px;
}
.bonus__inner .goldService__text {
  font-size: 14px;
  color: var(--black);
  font-weight: bold;
  line-height: 1.3;
}
.bonus__inner .goldService__text > span {
  display: block;
  font-size: 18px;
  margin: 17px 0;
}
.bonus__inner .bonus__desc {
  width: 100%;
  margin-top: 7px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: var(--black);
  line-height: 1.3;
}
.bonus__inner .bonus__desc picture, .bonus__inner .bonus__desc img {
  display: block;
  margin: 0 auto;
  width: 471px;
}
@media screen and (max-width: 640px) {
  .bonus__inner .bonus__desc {
    margin: min(1.6666666667vw, 6px) auto 0;
    font-size: 13px;
  }
  .bonus__inner .bonus__desc picture, .bonus__inner .bonus__desc img {
    display: block;
    margin: 0 auto;
    width: 272px;
  }
  .bonus__inner .linebox__content-flex {
    display: block;
    margin-top: 20px;
  }
  .bonus__inner .linebox__content-flex__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .bonus__inner .linebox__content-flex__item > picture {
    margin-right: 14px;
    width: 48%;
  }
  .bonus__inner .linebox__content-flex__item .lp-text {
    font-size: 10px;
  }
  .bonus__inner .linebox.linebox_radius, .bonus__inner .linebox_radius.linebox--noTopLine, .bonus__inner .linebox_radius.linebox--blue {
    border-radius: 5px;
  }
  .bonus__inner .linebox, .bonus__inner .linebox--blue, .bonus__inner .linebox--noTopLine {
    border-radius: 28px 0 0 0;
  }
  .bonus__inner .linebox__inner {
    padding: 23px 20px 40px;
  }
  .bonus__inner .linebox_radius .linebox__inner {
    padding-bottom: 20px;
  }
  .bonus__inner .bonus__item + .bonus__item {
    margin-top: 20px;
  }
  .bonus__inner .goldService__subtitle {
    margin-bottom: 10px;
  }
  .bonus__inner .lp-accordion[data-type=gray] .lp-accordion__head {
    font-size: 14px;
    border-radius: 4px;
    padding: 16px 50px;
  }
  .bonus__inner .lp-accordion[data-type=gray] .lp-accordion__head.is-open {
    border-radius: 4px 4px 0 0;
  }
  .bonus__inner .lp-accordion .lp-accordion__body {
    padding: 20px 10px;
  }
  .bonus__inner .lp-accordion[data-type=gray] .lp-text[data-color=gold] {
    font-size: 16px;
    text-align: center;
  }
  .bonus__inner .goldService__text {
    font-size: 10px;
  }
  .bonus__inner .goldService__text > span {
    font-size: 12px;
    margin: 6px 0;
  }
  .bonus__inner .linebox_radius .goldService__subtitle {
    padding-top: 0;
    flex-direction: row;
    font-size: 14px;
    line-height: 1.5;
  }
}
.bonus__desc {
  margin: 50px auto 0;
  width: 434px;
}
.bonus__desc picture, .bonus__desc img {
  display: block;
  width: 100%;
}
.bonus__list {
  width: 100%;
  margin-top: 30px;
}
.bonus__list-gold {
  margin-top: 50px;
}
.bonus__item {
  width: min(100%, 960px);
  margin: 0 auto;
}
.bonus__item + .bonus__item {
  margin-top: 40px;
}
.bonus__item-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bonus__item-flex .linebox {
  width: 49%;
  border-radius: 10px;
}
.bonus__item-flex .linebox:last-child {
  width: 100%;
  margin-top: 22px;
}
.bonus__itemTitle {
  width: 100%;
  position: relative;
}
.bonus__itemTitleIcon {
  display: block;
  width: 65px;
  position: absolute;
  top: -10px;
  left: 0;
}
.bonus__itemTitleWord {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  min-height: 110px;
  padding: 0 20px 0 90px;
}
.bonus__content1-2 {
  width: 88.5227272727%;
  margin: 0 auto;
  padding: 17px 0;
}
.bonus__content1-3 {
  width: 100%;
  margin: 0 auto;
  padding: 33px 0 40px;
}
.bonus__point1-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.bonus__point1-wrapper > picture {
  display: block;
  width: 50%;
}
.bonus__point1-wrapper > picture > img {
  width: 100%;
  display: block;
}
.bonus__pointLine {
  width: 3px;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.bonus__uchiwake {
  width: 100%;
  margin: 18px auto 0;
  display: block;
}
.bonus__uchiwake > img {
  width: 100%;
  display: block;
}
.bonus__content2-1 {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 35px;
}
.bonus__etc {
  width: min(646px, 100%);
  margin: 0 auto;
}
.bonus__smallnote {
  font-size: 12px;
  color: var(--gray-darker);
  text-align: right;
  margin-top: 15px;
}
.bonus__anchor {
  width: min(560px, 100%);
  margin: 30px auto 0;
}
.bonus__tab .bonus__tab__list {
  border: none;
  border-spacing: 0;
  display: flex;
}
.bonus__tab .bonus__tab__item {
  padding: 30px 12px 22px;
  background-color: #fff;
  border-radius: 20px 0 0 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 8px solid #fffbe2;
}
.bonus__tab .bonus__tab__item.is-selected {
  background-color: #a68001;
  border-bottom: 8px solid #a68001;
}
.bonus__tab .bonus__tab__item:first-child {
  margin-right: 15px;
}
.bonus__tab .bonus__tab__item.is-selected::before {
  width: 90%;
  height: 4px;
  background-color: #a68001;
  bottom: 0;
}
.bonus__tab .bonus__tab__item > a {
  padding: 0;
  color: #666666;
  font-size: 24px;
  line-height: 1.3;
}
.bonus__tab .bonus__tab__item.is-selected > a {
  color: #fff;
}
.bonus__tab .bonus__tab__item > a:hover {
  text-decoration: none;
}
.bonusBenefit {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .bonus__pointLine {
    width: 2px;
  }
  .bonusBenefit {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.bonus__uchiwake {
  width: 100%;
  margin: 18px auto 0;
  display: block;
}
.bonus__uchiwake > img {
  width: 100%;
  display: block;
}
.bonus__content2-1 {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 35px;
}
.bonus__etc {
  width: min(646px, 100%);
  margin: 0 auto;
}
.bonus__smallnote {
  font-size: 12px;
  color: var(--gray-darker);
  text-align: right;
  margin-top: 15px;
}
.bonus__anchor {
  width: min(640px, 100%);
  margin: 44px auto 0;
}
@media screen and (max-width: 640px) {
  .bonus {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bonus__desc {
    margin: min(10.6666666667vw, 40px) auto 0;
    width: min(100%, 282px);
  }
  .bonus__list {
    margin-top: 26px;
  }
  .bonus__list-gold {
    margin-top: 32px;
  }
  .bonus__item + .bonus__item {
    margin-top: 20px;
  }
  .bonus__itemTitleIcon {
    width: 45px;
  }
  .bonus__itemTitleIcon > img {
    width: 100%;
  }
  .bonus__itemTitleWord {
    font-size: 18px;
    min-height: 47px;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding: 16px 20px 20px 63px;
  }
  .bonus__itemTitleWord > img {
    width: 100%;
  }
  .bonus__content1-2 {
    width: min(100%, 400px);
    margin: 0 auto;
    padding: 17px 0;
  }
  .bonus__content1-3 {
    width: 100%;
    margin: 0 auto;
    padding: 14px 0 21px;
  }
  .bonus__point1-wrapper {
    width: min(100%, 400px);
    margin: 0 auto;
    justify-content: space-between;
  }
  .bonus__point1-wrapper > picture {
    width: 47%;
  }
  .bonus__point1-wrapper > picture.bonus__point2-img {
    width: 68%;
    margin: auto;
  }
  .bonus__point1-box {
    width: 100%;
  }
  .bonus__point-text {
    font-size: 12px;
    margin-top: 27px;
  }
  .bonus__uchiwake {
    width: min(100%, 400px);
    margin: 2px auto 0;
  }
  .bonus__content2-1 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
  }
  .bonus__etc {
    width: min(100%, 400px);
    margin: 0 auto;
  }
  .bonus__smallnote {
    margin-top: 10px;
  }
  .bonus__anchor {
    width: 100%;
    margin: 16px auto 0;
  }
  .bonus__tab .bonus__tab__item {
    padding: 12px 12px 6px;
    border-radius: 15px 0 0 0;
    border-bottom: 6px solid #fffbe2;
  }
  .bonus__tab .bonus__tab__item.is-selected {
    border-bottom: 6px solid #a68001;
  }
  .bonus__tab .bonus__tab__item.is-selected::before {
    width: 88%;
  }
  .bonus__tab .bonus__tab__item > a {
    font-size: 16px;
  }
}

.advantage {
  background-color: var(--gray-lighter);
}
.advantage__list {
  margin-top: 50px;
}
.advantage__item + .advantage__item {
  margin-top: 61px;
}
.advantage__lineboxWrapper {
  width: 100%;
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  box-sizing: border-box;
}
.advantage__headWrapper1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.advantage__headWrapper2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.advantage__titleWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 28px 0;
}
.advantage__title {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
}
.advantage__titleNum {
  width: 85px;
  display: block;
  margin-right: 25px;
}
.advantage__ponta {
  display: block;
  position: relative;
  margin-left: 20px;
  right: 10px;
  flex-shrink: 0;
}
.advantage__ponta img {
  display: block;
  width: 100%;
}
.advantage__pointIcon {
  display: block;
  width: 39px;
  height: 40px;
  position: relative;
  margin: 0 45px 0 18px;
  flex-shrink: 0;
}
.advantage__content1 {
  padding: 30px 0;
}
.advantage__content2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
.advantage__100to1 {
  display: block;
  margin: 0 auto;
  width: 180px;
}
.advantage__desc1 {
  text-align: center;
  font-size: 16px;
  color: var(--black);
  margin-top: 20px;
  line-height: 1.4;
  font-feature-settings: "palt";
}
.advantage__desc1 > span {
  font-weight: bold;
}
.advantage__note1 {
  font-size: 12px;
  color: var(--gray-darker);
  text-align: center;
  margin-top: 16px;
}
.advantage__meritIllust {
  width: min(75.593220339%, 335px);
}
.advantage__slideArea {
  width: 100%;
}
.advantage__toMessage {
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding-top: 30px;
}
.advantage__toMessage > span {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.advantage__toMessage::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 61px 70px 0 70px;
  border-color: #dafaff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .advantage__list {
    margin-top: 43px;
  }
  .advantage__item + .advantage__item {
    margin-top: 31px;
  }
  .advantage__lineboxWrapper {
    max-width: none;
    padding: 0 20px;
  }
  .advantage__headWrapper1 {
    width: min(100%, 400px);
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
  }
  .advantage__headWrapper2 {
    width: min(100%, 400px);
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
  }
  .advantage__titleWrapper {
    display: block;
    position: relative;
    padding: 15px 0;
  }
  .advantage__title {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin-top: 10px;
    display: block;
    font-feature-settings: "palt";
  }
  .advantage__titleNum {
    width: 60px;
    margin: 0;
  }
  .advantage__ponta {
    margin-left: 0;
    right: 0;
    width: 84px;
    bottom: 10px;
  }
  .advantage__pointIcon {
    width: 42px;
    height: 46px;
    margin: 0;
    margin-left: 20px;
    bottom: 20px;
  }
  .advantage__content1 {
    width: min(100%, 400px);
    margin: 0 auto;
    padding: 20px 0;
  }
  .advantage__content2 {
    width: min(100%, 400px);
    margin: 0 auto;
    padding: 20px 0;
  }
  .advantage__100to1 {
    display: block;
    margin: 0 auto;
    width: 160px;
  }
  .advantage__desc1 {
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.5;
    font-feature-settings: "palt";
  }
  .advantage__note1 {
    margin-top: 7px;
  }
  .advantage__toMessage {
    padding-top: 20px;
  }
  .advantage__toMessage > span {
    font-size: 16px;
  }
}

.slider {
  margin-top: 32px;
  position: relative;
  --paginationMargin: 30px;
  padding-bottom: calc(10px + var(--paginationMargin));
}
.slider__contentWrapper {
  position: relative;
}
.slider__wrapper {
  position: relative;
}
.slider__button, .slider__button--next, .slider__button--prev {
  width: 50px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gray-dark);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
  appearance: none;
  border: none;
  z-index: 2;
}
.slider__button svg, .slider__button--next svg, .slider__button--prev svg {
  display: none;
}
.slider__button::before, .slider__button--next::before, .slider__button--prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 25px;
  position: relative;
  background: url(/function/promotion/fg2311/img/icon_arrow.png) no-repeat center/contain;
}
.slider__button--prev {
  border-radius: 0 10px 10px 0;
  left: 0;
}
.slider__button--prev::before {
  transform: rotateZ(180deg);
  right: 1px;
}
.slider__button--next {
  border-radius: 10px 0 0 10px;
  right: 0;
}
.slider__button--next::before {
  left: 1px;
}
.slider__index {
  position: absolute;
  bottom: calc(-1 * (10px + var(--paginationMargin)));
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider__dot {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 1px solid var(--gray-light);
  margin: 0 11px;
  background-color: var(--white);
  display: block;
  padding: 0;
}
.slider__dot.is-active {
  background-color: var(--primary);
  border: none;
}
@media screen and (max-width: 640px) {
  .slider {
    margin-top: 24px;
    --paginationMargin: 15px;
  }
  .slider__button, .slider__button--prev, .slider__button--next {
    width: 30px;
    height: 55px;
  }
  .slider__button::before, .slider__button--prev::before, .slider__button--next::before {
    width: 8px;
    height: 13px;
  }
  .slider__button--prev::before {
    right: 3px;
  }
  .slider__button--next::before {
    left: 3px;
  }
}

.howSlider {
  display: flex;
  position: relative;
  touch-action: pan-y;
}
.howSlider__item {
  position: relative;
  overflow: hidden;
  width: 24.1176470588vw;
  padding: 0 0.7352941176vw;
  flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  .howSlider__item {
    width: 69.3333333333vw;
    padding: 0 1.3333333333vw;
  }
}

.howToCard {
  height: 100%;
}
.howToCard .c-note-link {
  font-size: inherit;
}
.howToCard__titleWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: min(115px, 8.4558823529vw);
}
.howToCard__title {
  width: 100%;
  text-align: center;
  font-size: min(18px, 1.3235294118vw);
  font-weight: bold;
  line-height: 1.4;
  font-feature-settings: "palt";
}
.howToCard__body {
  width: 100%;
  padding-top: min(20px, 1.4705882353vw);
}
.howToCard1__content {
  width: min(266px, 100%);
  margin: 0 auto;
}
.howToCard1__content picture,
.howToCard1__content img {
  width: 100%;
  display: block;
}
.howToCard2 {
  width: 100%;
}
.howToCard2__icon {
  display: block;
  width: min(134px, 9.8529411765vw);
  margin: 0 auto;
}
.howToCard2__desc {
  font-size: min(16px, 1.1764705882vw);
  margin-top: min(15px, 1.1029411765vw);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: -0.3px;
  line-height: 1.5;
}
.howToCard3 {
  width: 100%;
}
.howToCard3__icon {
  display: block;
  width: min(244px, 90%);
  margin: 0 auto;
}
.howToCard3__desc {
  font-size: min(16px, 1.1764705882vw);
  margin-top: min(15px, 1.1029411765vw);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: -0.5px;
  line-height: 1.5;
}
.howToCard3__note {
  text-indent: -1em;
  padding-left: 1em;
  color: var(--gray-darker);
  font-size: min(13px, 0.9558823529vw);
  margin-top: min(13px, 0.9558823529vw);
  line-height: 1.4;
}
.howToCard4 {
  width: 100%;
}
.howToCard4__icon {
  display: block;
  width: min(171px, 12.5735294118vw);
  margin: 0 auto;
}
.howToCard4__desc {
  font-size: min(16px, 1.1764705882vw);
  margin-top: min(17px, 1.25vw);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: -0.5px;
  line-height: 1.5;
}
.howToCard5 {
  width: 100%;
}
.howToCard5__icon {
  display: block;
  width: min(244px, 90%);
  margin: 0 auto;
}
.howToCard5__desc {
  font-size: min(16px, 1.1764705882vw);
  margin-top: min(28px, 2.0588235294vw);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: -0.5px;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .howToCard__titleWrapper {
    min-height: min(86px, 22.9333333333vw);
  }
  .howToCard__title {
    font-size: min(14px, 3.7333333333vw);
  }
  .howToCard__body {
    padding: min(21px, 5.6vw) 0 min(21px, 5.6vw);
  }
  .howToCard1__content {
    width: min(221px, 100%);
    margin: 0 auto;
  }
  .howToCard2__icon {
    width: min(146px, 38.9333333333vw);
  }
  .howToCard2__desc {
    font-size: min(12px, 3.2vw);
    margin-top: min(14px, 3.7333333333vw);
  }
  .howToCard3__icon {
    width: min(182px, 48.5333333333vw);
  }
  .howToCard3__desc {
    font-size: min(12px, 3.2vw);
    margin-top: min(13px, 3.4666666667vw);
  }
  .howToCard3__note {
    font-size: min(12px, 3.2vw);
    margin-top: min(13px, 3.4666666667vw);
  }
  .howToCard4__icon {
    width: min(180px, 48vw);
  }
  .howToCard4__desc {
    font-size: min(12px, 3.2vw);
    margin-top: min(24px, 3.7333333333vw);
  }
  .howToCard5__icon {
    width: min(218px, 58.1333333333vw);
    margin: 0 auto;
  }
  .howToCard5__desc {
    font-size: min(12px, 3.2vw);
    margin-top: min(12px, 3.2vw);
  }
}

.useCard {
  height: 100%;
}
.useCard__titleWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: min(90px, 6.6176470588vw);
}
.useCard__title {
  text-align: center;
  font-size: min(20px, 1.4705882353vw);
  font-weight: bold;
  line-height: 1.4;
  font-feature-settings: "palt";
}
.useCard__body {
  width: 100%;
  padding-top: min(30px, 2.2058823529vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.useCard__img {
  width: auto;
  height: min(90px, 6.6176470588vw);
}
@media screen and (max-width: 640px) {
  .useCard__titleWrapper {
    min-height: min(67px, 17.8666666667vw);
  }
  .useCard__title {
    font-size: min(14px, 3.7333333333vw);
  }
  .useCard__body {
    width: min(100%, 225px);
    margin: 0 auto;
    padding: 2.6666666667vw 0;
  }
  .useCard__img {
    height: min(62px, 16.5333333333vw);
  }
}

.otoku {
  padding: 60px 0 0;
}
.otoku__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.otoku__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 42px auto 0;
  width: min(1000px, 100%);
  padding: 0 10px;
}
.otoku__item {
  width: 37.5%;
  margin: 0 10px;
}
.otoku__item > button {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--gray);
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.21, 0.67, 0.35, 1);
}
@media (hover: hover) {
  .otoku__item > button:hover {
    text-decoration: none;
    opacity: 0.8;
  }
}
.otoku__item picture,
.otoku__item img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .otoku {
    padding: 50px 0 0;
  }
  .otoku__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .otoku__list {
    display: block;
    margin: 14px auto 0;
    padding: 0 20px;
    width: min(100%, 400px);
  }
  .otoku__item {
    width: 100%;
    margin: 0;
  }
  .otoku__item + .otoku__item {
    margin-top: min(15px, 4vw);
  }
}

.goldService__container {
  background-color: var(--yellow-light);
  padding-bottom: 120px;
}
.goldService {
  width: min(960px, 100%);
  padding: 100px 0 60px;
  margin: 0 auto;
}
.goldService__titleWrapper {
  width: 100%;
  background-color: var(--gold);
  padding: 5px;
}
.goldService__title {
  font-size: 28px;
  color: var(--white);
  font-weight: bold;
  text-align: center;
  padding: 20px;
  border: 1px solid var(--white);
  border-radius: calc(10px - 5px) calc(10px - 5px) 0 0;
  font-feature-settings: "palt";
}
.goldService__content1 {
  width: min(100%, 810px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 0;
}
.goldService__content2 {
  padding: 10px 0 41px;
}
.goldService__headWrapper {
  margin: 0 auto;
  padding: 43px 0;
}
.goldService__auPayGold {
  width: 330px;
}
.goldService__auPayGold img {
  width: 100%;
  display: block;
}
.goldService__desc {
  font-size: 24px;
  text-align: center;
  line-height: 1.4;
  margin-top: 29px;
  font-feature-settings: "palt";
}
.goldService__desc > span {
  font-weight: bold;
}
.goldService__cardIcon {
  display: block;
  width: 282px;
  position: relative;
  margin: 0 auto;
}
.goldService__cardIcon > img {
  display: block;
  width: 100%;
}
.goldService__cardIcon > p {
  font-size: 12px;
  text-align: center;
  color: var(--gray-darker);
  margin-top: 16px;
}
.goldService__kangenIcon {
  width: 100%;
  margin-top: 20px;
}
.goldService__kangenIcon img,
.goldService__kangenIcon picture {
  display: block;
  width: 100%;
}
.goldService__notes {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 17px;
}
.goldService__noteItem, .goldService__noteItem--large, .goldService__noteItem--medium, .goldService__noteItem--small {
  color: var(--gray-dark);
  --indent: 1em;
  text-indent: calc(-1 * var(--indent));
  padding-left: var(--indent);
}
.goldService__noteItem--small {
  --indent: 1.3em;
}
.goldService__noteItem--medium {
  --indent: 2em;
}
.goldService__noteItem--large {
  --indent: 2em;
}
.goldService__bottomWord {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top: 30px;
  font-feature-settings: "palt";
}
.goldService__linkWrapper {
  width: min(385px, 100%);
  margin: 20px auto 0;
}
.goldService__subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 14px;
  color: var(--black);
  font-size: 20px;
  line-height: 1.3;
}
.goldService__subtitle > span {
  font-size: 20px;
}
.goldService__subtitle > * {
  font-weight: bold;
}
.goldService__subtitle > * > sup {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
}
.goldService__subtitle > * > span {
  font-weight: bold;
  font-size: 26px;
}
.goldService__subtitle::before {
  content: "";
  display: block;
  margin-right: 20px;
}
.goldService__subtitle[data-icon="01"]::before {
  background: url(/function/promotion/fg2311/img/icon_gold_phone.png) no-repeat center/contain;
  width: 38px;
  height: 70px;
}
.goldService__subtitle[data-icon="02"] {
  padding-top: 25px;
}
.goldService__subtitle[data-icon="02"]::before {
  background: url(/function/promotion/fg2311/img/icon_aupay.png) no-repeat center/contain;
  width: 45px;
  height: 45px;
}
.goldService__subtitle[data-icon="03"]::before {
  background: url(/function/promotion/fg2311/img/icon_gold_utility.png) no-repeat center/contain;
  width: 53px;
  height: 55px;
}
.goldService__subtitle[data-icon="04"]::before {
  background: url(/function/promotion/fg2311/img/icon_gold_market.png) no-repeat center/contain;
  width: 64px;
  height: 49px;
}
.goldService__subtitle[data-icon="05"] {
  padding-top: 36px;
}
.goldService__subtitle[data-icon="05"]::before {
  background: url(/function/promotion/fg2311/img/icon_gold_ticket.png) no-repeat center/contain;
  width: 55px;
  height: 29px;
}
@media screen and (max-width: 640px) {
  .goldService {
    padding: 50px 0 30px;
  }
  .goldService__container {
    padding-bottom: 58px;
  }
  .goldService__titleWrapper {
    padding: 2px;
  }
  .goldService__title {
    font-size: 16px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
  }
  .goldService__content1 {
    width: min(100%, 400px);
    display: block;
    padding: 22px 0;
  }
  .goldService__content2 {
    padding: 10px 0 20px;
  }
  .goldService__headWrapper {
    margin: 0 auto;
    padding: 0;
  }
  .goldService__auPayGold {
    margin: 0 auto;
    width: 220px;
  }
  .goldService__desc {
    font-size: 16px;
    margin-top: 8px;
  }
  .goldService__cardIcon {
    width: 63.8983050847%;
    margin-top: 15px;
  }
  .goldService__cardIcon > p {
    margin-top: 10px;
  }
  .goldService__kangenIcon {
    width: min(100%, 400px);
    margin: 0 auto;
    margin-top: 15px;
  }
  .goldService__notes {
    font-size: 12px;
    line-height: 1.6666666667;
    margin-top: 6px;
  }
  .goldService__bottomWord {
    font-size: 14px;
    margin-top: 22px;
  }
  .goldService__linkWrapper {
    margin: 15px auto 0;
  }
  .goldService__subtitle {
    justify-content: center;
    font-size: 16px;
    flex-direction: row-reverse;
    align-items: flex-start;
    line-height: 1.8;
  }
  .goldService__subtitle::before {
    width: 30px;
    height: 49px;
    flex-shrink: 0;
    margin-right: 10px;
  }
  .goldService__subtitle > span {
    line-height: 1.5;
    font-size: 14px;
  }
  .goldService__subtitle.goldService__subtitle--spLarge > span {
    font-size: 16px;
    line-height: 1.8;
  }
  .goldService__subtitle[data-icon="01"]::before {
    background: url(/function/promotion/fg2311/img/icon_gold_phone-sp.png) no-repeat center/contain;
    width: 64px;
    height: 80px;
  }
  .goldService__subtitle[data-icon="02"] {
    padding-top: 15px;
    justify-content: space-between;
  }
  .goldService__subtitle[data-icon="02"]::before {
    background: url(/function/promotion/fg2311/img/icon_aupay-sp.png) no-repeat center/contain;
    width: 64px;
    height: 80px;
  }
  .goldService__subtitle[data-icon="03"]::before {
    width: 37px;
    height: 48px;
  }
  .goldService__subtitle[data-icon="04"]::before {
    width: 46px;
    height: 46px;
    margin-left: 5%;
  }
  .goldService__subtitle[data-icon="05"] {
    padding-top: 0;
  }
  .goldService__subtitle[data-icon="05"]::before {
    width: 44px;
    height: 22px;
  }
}

.light-gray-box {
  background-color: var(--gray-lighter);
  border-radius: 8px;
  margin-top: 30px;
  padding: 25px 30px 40px;
}
@media screen and (max-width: 640px) {
  .light-gray-box {
    margin-top: 20px;
    padding: 20px;
  }
}

.applications {
  background-color: var(--gray-lighter);
}

.flow {
  width: 100%;
}
.flow__list {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.flow__item {
  width: 300px;
  margin: 0 15px;
}
@media screen and (max-width: 640px) {
  .flow {
    padding: 0 20px;
  }
  .flow__list {
    display: block;
    margin-top: 40px;
  }
  .flow__item {
    width: 100%;
    margin: 0;
  }
  .flow__item + .flow__item {
    margin-top: 20px;
  }
}

.stepCard {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 70px 10px 40px;
}
.stepCard__step {
  position: absolute;
  width: 90px;
  top: 0;
  left: 0;
}
.stepCard__step img {
  width: 100%;
  display: block;
}
.stepCard__title {
  font-size: 20px;
  font-weight: bold;
  color: var(--black);
  text-align: center;
}
.stepCard__icon {
  width: auto;
  height: 82px;
  margin: 31px auto 0;
  display: block;
}
.stepCard__desc {
  margin-top: 23px;
  font-size: 16px;
  text-align: center;
  color: var(--black);
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 640px) {
  .stepCard {
    padding: 18px 10px 15px;
    border-radius: 5px;
  }
  .stepCard__step {
    width: 90px;
  }
  .stepCard__title {
    font-size: 18px;
    padding-left: 100px;
    position: relative;
    text-align: left;
  }
  .stepCard__icon {
    height: min(82px, 21.3333333333vw);
    margin: 37px auto 0;
  }
  .stepCard__desc {
    font-size: 14px;
    margin-top: 15px;
  }
}

.cvDetails {
  margin-top: 121px;
}
.cvDetails__list {
  width: min(100%, 980px);
  padding: 0 10px;
  margin: 48px auto 0;
  display: flex;
  justify-content: space-between;
}
.cvDetails__item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* .cvDetails__silver {
  display: block;
  width: 71.25%;
}
.cvDetails__silver img {
  width: 100%;
  display: block;
}
.cvDetails__gold {
  display: block;
  width: 100%;
  margin-left: auto;
}
.cvDetails__gold img {
  width: 100%;
  display: block;
} */
.cvDetails__buttonWrapper {
  width: min(100%, 382px);
  margin: 26px auto 0;
  position: relative;
}
.silver .cvDetails__buttonWrapper {
  right: 10px;
}
.gold .cvDetails__buttonWrapper {
  left: 10px;
}
.cvDetails__accordionWrapper {
  margin: 40px auto 0;
  width: min(100%, 980px);
  padding: 0 10px;
}
.cvDetails__accordionWrapper .c-accordion__container {
  margin: 0;
}
.cvDetails__accordionWrapper .c-accordion__head {
  font-size: 18px;
  color: var(--primary);
  background-color: var(--white);
  border: 2px solid currentColor;
  border-radius: 8px;
}
.cvDetails__accordionWrapper .c-accordion__head::before, .cvDetails__accordionWrapper .c-accordion__head::after {
  background-color: currentColor;
  height: 2px;
}
.cvDetails__accordionWrapper .c-accordion__body {
  border: 2px solid var(--primary);
  border-top: none;
}
.cvDetails__noteList {
  margin-top: 20px;
}
.cvDetails__note {
  font-size: 12px;
  color: var(--gray-darker);
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 640px) {
  .cvDetails {
    margin-top: 62px;
  }
  .cvDetails__list {
    padding: 0 20px;
    margin: 40px auto 0;
    display: block;
    width: min(100%, 400px);
  }
  .cvDetails__item {
    width: 100%;
    display: block;
  }
  .cvDetails__item + .cvDetails__item {
    margin-top: 40px;
  }
  /* .cvDetails__silver {
    width: 69.7014925373%;
    margin: 0 auto;
    position: relative;
    right: 27px;
  }
  .cvDetails__gold {
    width: 78.6567164179%;
    margin: 0 auto;
    position: relative;
    right: 16px;
  } */
  .cvDetails__buttonWrapper {
    width: min(100%, 400px);
    margin: 16px auto 0;
  }
  .silver .cvDetails__buttonWrapper {
    right: 0;
  }
  .gold .cvDetails__buttonWrapper {
    left: 0;
  }
  .cvDetails__noteList {
    margin-top: 15px;
  }
  .cvDetails__note {
    line-height: 1.4;
  }
  .cvDetails__accordionWrapper {
    margin: 35px auto 0;
    padding: 0 20px;
  }
  .cvDetails__accordionWrapper .c-accordion__head {
    font-size: 14px;
    border-radius: 5px;
  }
}

.faq {
  padding-bottom: 60px;
}
.faq__list {
  width: min(100%, 980px);
  padding: 0 10px;
  margin: 45px auto 0;
}
.faq__item + .faq__item {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .faq {
    padding: 58px 0;
  }
  .faq__list {
    padding: 0 20px;
    margin: 38px auto 0;
  }
}

.faqContent {
  line-height: 1.5;
}
.faqContent__text {
  font-size: 16px;
  color: var(--black);
}
.faqContent__item--dot {
  font-size: 16px;
  color: var(--black);
  padding-left: 1em;
  text-indent: -1em;
}
.faqContent__item--note {
  font-size: 12px;
  color: var(--gray-darker);
  padding-left: 1em;
  text-indent: -1em;
}
.faqContent__item--asterisk {
  font-size: 12px;
  color: var(--gray-darker);
  padding-left: 3em;
  text-indent: -3em;
}
.faqContent__link {
  color: var(--link);
}
@media screen and (max-width: 640px) {
  .faqContent__text {
    font-size: 14px;
  }
  .faqContent__item--dot {
    font-size: 14px;
  }
}

.tsumitateModal__image {
  display: block;
  width: min(100%, 405px);
  margin: 0 auto;
}
.tsumitateModal__image img {
  width: 100%;
  display: block;
}
.tsumitateModal__title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: var(--black);
  font-feature-settings: "palt";
}
.tsumitateModal__desc {
  font-size: 16px;
  color: var(--black);
  text-align: center;
  margin-top: 20px;
  line-height: 1.7;
}
.tsumitateModal__notes {
  margin-top: 22px;
}
.tsumitateModal__notes > li {
  color: var(--gray-darker);
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .tsumitateModal__image {
    width: min(77.6119402985%, 260px);
    margin: 0 auto;
  }
  .tsumitateModal__title {
    font-size: 15px;
    margin-top: 10px;
  }
  .tsumitateModal__desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .tsumitateModal__notes {
    margin-top: 20px;
  }
}

.riboModal__section {
  border: 4px solid var(--primary);
}

.bunkatsuModal__image {
  display: block;
  width: 100%;
}
.bunkatsuModal__image img {
  width: 100%;
  display: block;
}
.bunkatsuModal__notes {
  margin-top: 20px;
}
.bunkatsuModal__notes > li {
  color: var(--gray-darker);
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .bunkatsuModal__image {
    width: min(77.3134328358%, 260px);
    margin: 0 auto;
  }
  .bunkatsuModal__notes {
    margin-top: 20px;
  }
}

.w46 {
  width: 46%;
}

.bonus__smallnote ul {
  display: inline-block;
}
.bonus__smallnote ul li {
  text-align: left;
  color: var(--gray-darker);
  line-height: 1.4;
  --indent: 1em;
  text-indent: calc(-1 * var(--indent));
  padding-left: var(--indent);
}
.bonus__smallnote ul li:last-child {
  margin-bottom: 0;
}

/* ======================================== */
/* はじめての楽Payキャンペーン */
/* ======================================== */
.rakupay-campaign-cont__hdg {
  background-color: #eb5505;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
.rakupay-campaign-cont__lead,
.rakupay-campaign-cont__text {
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
.rakupay-campaign-cont__point01,
.rakupay-campaign-cont__point02 {
  margin-top: 5px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.rakupay-campaign-cont__text__large,
.rakupay-campaign-cont__point01__large,
.rakupay-campaign-cont__point02__large {
  font-weight: bold;
  color: #eb5505;
}
.rakupay-campaign-cont__box {
  background-color: #fdeee6;
  border: 2px solid #e9561e;
  border-radius: 8px;
}
.pdL1em {
  padding-left: 1em;
}
.color-red {
  color: #ff0000 !important;
}

/* ============================================================ */
/* PC幅時のみのスタイリング */
/* ============================================================ */
@media (min-width: 641px) {
  .u-align-center_pc {
    text-align: center;
  }
  .font-medium {
    font-size: 16px;
  }
  /* ======================================== */
  /* はじめての楽Payキャンペーン */
  /* ======================================== */
  .rakupay-campaign-cont__hdg {
    padding: 20px;
    font-size: 24px;
  }
  .rakupay-campaign-cont__lead {
    margin-top: 20px;
    font-size: 20px;
  }
  .rakupay-campaign-cont__text {
    font-size: 30px;
  }
  .rakupay-campaign-cont__text__large {
    font-size: 42px;
  }
  .rakupay-campaign-cont__point01 {
    font-size: 38px;
  }
  .rakupay-campaign-cont__point01__large {
    font-size: 60px;
  }
  .rakupay-campaign-cont__point02 {
    font-size: 44px;
  }
  .rakupay-campaign-cont__point02__large {
    font-size: 70px;
  }
  .rakupay-campaign-cont__box {
    padding: 30px 20px 40px;
  }
}

/* ============================================================ */
/* SP幅時のみのスタイリング */
/* ============================================================ */
@media (max-width: 640px) {
  .font-medium {
    font-size: 14px;
  }
  /* ======================================== */
  /* はじめての楽Payキャンペーン */
  /* ======================================== */
  .rakupay-campaign-cont__hdg {
    padding: 10px;
    font-size: 15px;
  }
  .rakupay-campaign-cont__lead {
    font-size: 14px;
  }
  .rakupay-campaign-cont__text {
    font-size: 16px;
  }
  .rakupay-campaign-cont__text__large {
    font-size: 22px;
  }
  .rakupay-campaign-cont__point01 {
    font-size: 17px;
  }
  .rakupay-campaign-cont__point01__large {
    font-size: 30px;
  }
  .rakupay-campaign-cont__point02 {
    font-size: 22px;
  }
  .rakupay-campaign-cont__point02__large {
    font-size: 40px;
  }
  .rakupay-campaign-cont__box {
    padding: 16px 10px;
  }
}


/* じ銀ポイント優遇バナー設置対応 */
/* -------------------- */
.otoku__item > button {
  border: none;
}

.otoku__banner.img-border {
  border: 1px solid var(--gray);
}

.c-link.c-note-link[data-icon="window"]::before {
  top: 1px;
}

.c-note-link {
  font-size: 12px;
  vertical-align: baseline;
  display: inline;
}

.auJBModal .tsumitateModal__title {
  line-height: 1.5;
}

.auJBModal .tsumitateModal__desc {
  text-align: left;
}

@media screen and (min-width: 641px) {
  .otoku__item {
    width: 45%;
    margin: 0 10px 20px;
    max-width: 306px;
  }
  .otoku__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 42px auto 0;
    width: min(700px, 100%);
    padding: 0 10px;
  }
  .advantage {
    padding-bottom: 80px;
  }
  .auJBModal .c-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .auJBModal .c-link {
    font-size: 14px;
  }
}