@charset "UTF-8";
:root {
  /* Colors */
  --color-main-green: #6FBA2C;
  --color-sub-green: #55A61B;
  --color-light-green: #d8f0c0;
  --color-dark-green: #1f6118;
  --color-green70: #6FBA2C;
  --color-orange80: #55A61B;
  --color-orange60: #F37E00;
  --color-orange70: #F35F00;
  --color-blue: #0A6AC0;
  --color-blue10: #E9F3F7;
  --color-blue20: #D7EBF5;
  --color-blue30: #C2DFF2;
  --color-blue60: #5CA4D1;
  --color-blue70: #3E89B8;
  --color-blue80: #2C709C;
  --color-frame: #CFD4D6;
  --color-borderline: #E7EAEB;
  --color-red: #F4434B;
  --color-link: #0A6AC0;
  --color-bg: #e9f3f7;
  --color-gray: #576971;
  --color-gray10: #E7EAEB;
  --color-gray30: #B7BEC2;
  --color-gray60: #6F7F85;
  --color-gray80: #3F535C;
  --color-subtext: #6f7f85;
  --color-text: #333333;
  --color-border: #e7eaeb;
  --color-white: #ffffff;
  --color-bg-lightblue: #D7EBF5;
  /* Font sizes */
  --font-xxs: 8px;
  --font-xs: 10px;
  --font-sm: 12px;
  --font-md: 13px;
  --font-base: 14px;
  --font-lg: 16px;
  --font-xl: 40px;
}

/*--------------- @mixin------------------- */
@font-face {
  font-family: "Lato";
  src: url("/_assets/font/Lato_wght400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("/_assets/font/Lato_wght700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("/_assets/font/NotoSansJP_wght400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("/_assets/font/NotoSansJP_wght700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

img,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  min-width: 300px;
  overflow: hidden scroll;
  font-size: 16px;
  background-color: white;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "MS PGothic", "sans-serif";
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.65;
  color: #0e1213;
}

a {
  color: #0e1213;
  text-decoration: none;
  cursor: pointer;
}

a strong {
  color: currentcolor;
}

a:hover {
  color: #363636;
}

code {
  padding: 0.25em 0.5em;
  font-size: 0.875em;
  font-weight: normal;
  color: #821c1c;
  background-color: whitesmoke;
}

hr {
  display: block;
  height: 2px;
  margin: 1.5rem 0;
  background-color: whitesmoke;
  border: none;
}

img {
  max-width: 100%;
  height: auto;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  font-weight: 700;
  color: #363636;
}

fieldset {
  border: none;
}

pre {
  padding: 1.25rem 1.5rem;
  overflow-x: auto;
  font-size: 0.875em;
  color: #4a4a4a;
  word-wrap: normal;
  white-space: pre;
  background-color: whitesmoke;
  -webkit-overflow-scrolling: touch;
}

pre code {
  padding: 0;
  font-size: 1em;
  color: currentcolor;
  background-color: transparent;
}

table td,
table th {
  vertical-align: top;
}

table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}

table th {
  color: #363636;
}

/* ---------------------------
  common
--------------------------- */
@media (max-width: 768px) {
  body {
    margin-bottom: 74px;
  }
}

@media (max-width: 768px) {
  .mypage-top,
  .mypage-reject,
  body:has(.card--progress) {
    margin-bottom: 0;
  }
}

body:has(.card--progress) .header__item:has(.pagelink),
body:has(.card--progress) .cparea,
body:has(.card--progress) .mypagemenu {
  display: none !important;
}

body:has(.card--progress) .part-progress {
  display: block;
}

body:has(.card--progress) .resultarea {
  background: var(--color-blue20);
  border-radius: 0;
  padding-top: 0;
}

@media (min-width: 769px) {
  body:has(.card--progress) .resultarea {
    border-radius: 0;
  }
}

body:has(.card--progress) .block_inner.block_inner--top {
  margin-top: 90px;
}

body:has(.card--progress) .block_inner.block_inner--top + .block_inner--top {
  margin-top: 12px;
}

body:has(.modal--open) header {
  display: none;
}

body:has(.modal--open) .mypagemenu {
  display: none;
}

html {
  scroll-behavior: smooth;
}

@media (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}

@media (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

button {
  border: none;
}

img {
  vertical-align: top;
}

.section {
  padding-top: 32px;
  background-color: var(--color-bg);
  padding-right: 24px;
  padding-left: 24px;
}

@media (max-width: 768px) {
  .section {
    padding: 32px 0 0;
  }
}

.section:nth-of-type(1) {
  padding-top: 0;
}

.section--top-card {
  background: var(--color-blue10);
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  margin-top: -12px;
}

@media (min-width: 769px) {
  .section--top-card {
    border-radius: 0;
    margin-top: 0;
  }
}

.section--top {
  padding-top: 0;
}

@media (max-width: 768px) {
  .section--top {
    padding-top: 0;
  }
}

.section--toparea {
  background: var(--color-blue10);
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  margin-top: -12px;
  padding: 24px 0 32px;
}

@media (min-width: 769px) {
  .section--toparea {
    margin-top: 0;
    padding: 24px 0 32px;
  }
}

.section--tab {
  padding-right: 0;
  padding-left: 0;
}

.section--history {
  padding: 0;
}

@media (max-width: 768px) {
  .section--history {
    background-color: var(--color-blue10);
  }
}

.btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px;
}

.btn-area--popup {
  margin-top: 0;
}

@media (max-width: 768px) {
  .btn-area--history {
    margin-top: 0px;
  }
}

.btn {
  width: 214px;
  height: 48px;
  padding: 0;
  margin: 0 auto;
  font-weight: bold;
  line-height: 48px;
  cursor: pointer;
  border: none;
  border: 1px solid;
  border-radius: 32px;
  font-size: 16px;
}

.btn a {
  display: block;
  border-radius: 32px;
}

.popupbtnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 8px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .popupbtnbox {
    margin-top: 0;
  }
}

.popupbtn {
  font-size: 21px;
  font-weight: bold;
  width: 100%;
  margin: auto;
}

@media (min-width: 769px) {
  .popupbtn {
    font-size: 16px;
    padding: 16px 0;
    width: 313px;
    margin: 16px 0 0;
    margin-top: 16px;
    line-height: 1;
  }
}

@media (max-width: 768px) {
  .popupbtn {
    font-size: 16px;
    padding: 16px 0;
  }
}

.btn--close {
  color: #fff;
  background: transparent;
}

.btn--history {
  border-color: #707070;
  background-color: unset;
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
}

.btn--hidden {
  display: none;
}

.icon--close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  max-width: 832px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .icon--close {
    width: 100%;
  }
}

.icon--close img {
  cursor: pointer;
}

.strong {
  font-weight: bold;
}

.dotter {
  background-image: -o-radial-gradient(center, circle, #fff 20%, transparent 20%);
  background-image: radial-gradient(circle at center, #fff 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 16px;
}

@media (max-width: 768px) {
  .dotter {
    background-image: none;
  }
}

@media (min-width: 769px) {
  .c-card {
    max-width: 831px;
    margin: auto;
  }
}

.c-titleArea {
  background: var(--color-main-green);
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .c-titleArea {
    padding-bottom: 0;
  }
}

.c-titleArea__title {
  padding: 17px 16px 17px 44px;
  position: relative;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0px;
  color: #ffffff;
}

@media (min-width: 769px) {
  .c-titleArea__title {
    padding: 15px 16px 15px 45px;
    max-width: 1273px;
    margin: auto;
    line-height: 1;
  }
}

.c-titleArea__title::before {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/icon_title_top_sp.png);
  background-size: contain;
  width: 18px;
  height: 18px;
  top: -2px;
  bottom: 0;
  left: 17px;
  margin: auto;
}

@media (min-width: 769px) {
  .c-titleArea__title::before {
    top: -1px;
    left: 24px;
  }
}

@media (min-width: 769px) {
  .c-titleArea__title--ranking {
    padding: 15px 16px 15px 51px;
  }
}

.c-titleArea__title--ranking::before {
  width: 21px;
  height: 18px;
  background: url(/mypage/images/icon_title_top_loan_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-titleArea__title--sim::before {
  background: url(/mypage/images/icon_title_top_sim_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-titleArea__title--useful::before {
  background-size: contain;
  padding-bottom: 13px;
  background: url(/mypage/images/icon_title_useful_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 19px;
  top: 2px;
  width: 14px;
  height: 14px;
}

@media (min-width: 769px) {
  .c-titleArea__title--useful::before {
    left: 26px;
  }
}

.c-titleArea__title--loan::before {
  background-size: contain;
  padding-bottom: 13px;
  background: url(/mypage/images/icon_title_loan_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-title {
  line-height: 1;
}

@media (min-width: 769px) {
  .c-title {
    max-width: 831px;
    margin: auto;
  }
}

.c-title::before {
  top: 0px;
}

.c-subtitle {
  font-size: 12px;
  color: var(--color-gray);
  line-height: 1;
  margin: 12px auto 0;
}

@media (min-width: 769px) {
  .c-subtitle {
    max-width: 831px;
    margin: 12px auto 0;
  }
}

.c-title--dod {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #edebec;
  line-height: 1;
  padding-left: 10px;
}

.c-title--dod::before {
  position: relative;
  display: inline-block;
  content: "";
  top: 0;
  left: -6px;
  border-radius: 50px;
  width: 8px;
  height: 8px;
  background: #6FBA2C;
}

.c-title--dod--top {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.c-label {
  width: 64px;
  height: 18px;
  opacity: 1;
  border-radius: 2px;
  padding: 3px 6px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0px;
  vertical-align: middle;
  background: var(--color-green70);
  color: #ffffff;
  line-height: 1;
  text-align: center;
}

.c-resultLabel {
  border-radius: 2px;
  padding: 6px;
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  background: #E7EAEB;
  color: #3f535c;
  width: 62px;
  min-width: 62px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ---------------------------
  popup
--------------------------- */
#popup {
  position: fixed;
  display: none;
  color: #fff;
  background: #000;
  z-index: 1000;
  padding-top: var(--marginTopCard, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  place-items: center;
}

#popup .modal {
  background: #576971;
}

#popup .modal__contents {
  pointer-events: none;
  max-width: 832px;
  width: 100%;
}

@media (max-width: 768px) {
  #popup .modal__contents {
    min-width: 327px;
  }
}

#popup .js-tab__toggle {
  width: 100%;
}

#popup .card {
  -webkit-animation: modal-fade-in 2s ease 0s forwards;
  animation: modal-fade-in 2s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

.js-modelCardWrapper {
  display: none;
}

.modal:has(.guide) .modal__arw {
  position: relative;
  max-width: 832px;
  width: 100%;
  margin: auto;
}

.modal:has(.guide) .modal__arw::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 18px 10.5px 0;
  -webkit-transition: border-bottom-color 0.5s ease, tra;
  -o-transition: border-bottom-color 0.5s ease, tra;
  transition: border-bottom-color 0.5s ease, tra;
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  border-top-color: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -17px;
}

@media (min-width: 769px) {
  .modal:has(.guide) .modal__arw::before {
    border-width: 18px 10.5px 18px;
    border-bottom-color: #fff;
    border-top-color: transparent;
    -webkit-transition: border-top-color 0.5s ease, tra;
    -o-transition: border-top-color 0.5s ease, tra;
    transition: border-top-color 0.5s ease, tra;
    bottom: 0;
    top: -413px;
    border-width: 18px 10.5px 18px;
    transition: border-top-color 0.5s ease, tra;
    height: 17px;
  }
}

.guide {
  max-width: 832px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  color: #0e1213;
  padding: 16px 20px;
  border-radius: 12px;
  overflow-y: scroll;
}

@media (min-width: 769px) {
  .guide {
    padding: 16px 16px 20px;
    margin-top: 70px;
    min-height: unset;
  }
}

.guide__inner {
  display: none;
  -webkit-animation: modal-fade-in 2s ease 0s forwards;
  animation: modal-fade-in 2s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

.guide__inner--show {
  display: block;
}

.guide__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 768px) {
  .guide__box {
    max-height: 430px;
    overflow: scroll;
  }
}

@media (min-width: 769px) {
  .guide__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.guide__box__txtbox {
  display: contents;
}

@media (min-width: 769px) {
  .guide__box__txtbox {
    max-width: 244px;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.guide__ttl {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.064em;
  text-align: left;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-top: 12px;
  line-height: 1;
}

@media (min-width: 769px) {
  .guide__ttl {
    font-size: 14px;
    text-align: left;
    letter-spacing: 2px;
  }
}

@media (min-width: 769px) {
  .guide__ttl br {
    display: none;
  }
}

.guide__ttl span {
  position: relative;
}

.guide__ttl span::before {
  position: absolute;
  display: block;
  content: "・";
  font-size: 11px;
  font-weight: bold;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.guide__label {
  width: 64px;
  gap: 10px;
  opacity: 1;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  border-radius: 2px;
  padding: 4.5px 6px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0px;
  vertical-align: middle;
  background: var(--color-green70);
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  color: #ffffff;
  line-height: 1;
}

.guide__txt {
  font-size: 14px;
  margin-top: 16px;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .guide__txt {
    font-size: 14px;
    margin-top: 32px;
  }
}

.guide__txt span {
  font-weight: bold;
}

.guide__boldTxt {
  font-weight: bold;
  font-style: normal;
}

.guide__image {
  margin: 16px auto 0;
}

@media (min-width: 769px) {
  .guide__image {
    width: 516px;
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.popupitembox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--color-blue20);
  cursor: pointer;
}

.dot--checked {
  background: var(--color-green70);
}

.js-popupback {
  color: #333333;
  border: 1px solid var(--color-gray30);
  background: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.js-popupback:hover {
  color: var(--color-gray30);
}

.guide:has(.guide__inner:nth-child(1).guide__inner--show) .js-popupback {
  display: none;
}

.guide:has(.guide__inner:nth-child(1).guide__inner--show) + .modal__arw::before {
  left: 7%;
}

@media (min-width: 769px) {
  .guide:has(.guide__inner:nth-child(1).guide__inner--show) + .modal__arw::before {
    left: 225px;
  }
}

.guide:has(.guide__inner:nth-child(2).guide__inner--show) + .modal__arw::before {
  left: 30%;
}

@media (min-width: 769px) {
  .guide:has(.guide__inner:nth-child(2).guide__inner--show) + .modal__arw::before {
    left: 330px;
  }
}

.guide:has(.guide__inner:nth-child(3).guide__inner--show) + .modal__arw::before {
  left: 50%;
}

@media (min-width: 769px) {
  .guide:has(.guide__inner:nth-child(3).guide__inner--show) + .modal__arw::before {
    right: initial;
    left: 440px;
  }
}

.js-tab__toggle {
  -webkit-animation: modal-fade-in 1s ease 0s forwards;
  animation: modal-fade-in 1s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

/* ---------------------------
  ヘッダー
--------------------------- */
.header {
  position: relative;
  padding: 24px 68px 17px;
  z-index: 1001;
  background: #FFFFFF;
}

@media (min-width: 769px) {
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aline-atems: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 21px 68px;
  }
}

@media (max-width: 768px) {
  .header {
    padding: 19px 24px 10px;
  }
}

.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .header__list {
    max-width: 1224px;
    width: 100%;
  }
}

@media (min-width: 769px) {
  .header__item--logo {
    width: 204px;
  }
}

@media (max-width: 768px) {
  .header__item--logo img {
    width: 165px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .header__item--mypage::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 22px;
    background: #dbd9da;
    margin-right: 12px;
  }
}

.header__item--mypage img {
  cursor: pointer;
}

@media (max-width: 768px) {
  .header__item--mypage img {
    width: 120px;
    height: auto;
  }
}

.header__menu {
  width: 177px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.1);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.1);
  padding: 24px;
  border-radius: 16px;
  position: absolute;
  z-index: 999;
  top: 92.4px;
  -webkit-animation: modal-fade-in 0.6s ease 0s forwards;
  animation: modal-fade-in 0.6s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

@media (max-width: 768px) {
  .header__menu {
    right: 24px;
    top: 85px;
  }
}

.header__menu--hidden {
  display: none;
}

.header__menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.header__menuList::before {
  content: "";
  position: absolute;
  top: -36px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 5.5px 12px 5.5px;
}

.header__menuItem {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #edebec;
  padding-bottom: 24px;
}

.header__menuItem:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.header__menuLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__menuLink::after {
  content: "";
  display: inline-block;
  background-image: url(/mypage/images/btn_arrow.svg);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* ---------------------------
  モーダル画面
--------------------------- */
.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  padding: 36px 36px 0;
  background: var(--color-gray80);
  opacity: 0;
  -webkit-animation: modal-fade-in 1s ease 0s forwards;
  animation: modal-fade-in 1s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

@media (max-width: 768px) {
  .modal {
    padding: 16px 16px 0;
  }
}

.modal--open {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 106px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

@media (min-width: 769px) {
  .modal--open {
    padding-bottom: 56px;
  }
}

#failed_multi,
#examination_multi {
  padding-bottom: 0;
}

@media (min-width: 769px) {
  #failed_multi,
  #examination_multi {
    padding-bottom: 0;
  }
}

#failed_multi .modalBg,
#examination_multi .modalBg {
  padding-bottom: 106px;
}

@media (min-width: 769px) {
  #failed_multi .modalBg,
  #examination_multi .modalBg {
    padding-bottom: 56px;
  }
}

.modal--open::-webkit-scrollbar {
  display: none;
}

.modal__contents {
  width: 832px;
  margin: 0 auto;
}

.modal__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin: 0 auto;
  -webkit-animation: modal-fade-in 1s ease 0s forwards;
  animation: modal-fade-in 1s ease 0s forwards;
  -webkit-animation-name: modal-fade-in;
  animation-name: modal-fade-in;
}

@-webkit-keyframes modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ---------------------------
  モーダル画面表示
--------------------------- */
.modalItem {
  max-width: 832px;
  width: 100%;
  padding: 80px 0;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 16px;
}

@media (min-width: 769px) {
  .modalItem {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .modalItem {
    padding: 40px 24px 56px;
  }
}

@media (max-width: 768px) {
  .modalItem {
    padding: 24px 16px 16px;
  }
}

.modalItem__contents {
  width: 512px;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .modalItem__contents {
    padding: 24px 82px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .modalItem__contents {
    width: 100%;
  }
}

.modalItem__logo {
  text-align: center;
  width: 262px;
  margin: auto;
}

.modalItem__infoList {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: repeat(2, auto);
  gap: 6px 8px;
  place-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid var(--color-gray10);
}

@media (min-width: 769px) {
  .modalItem__infoList {
    grid-template-rows: repeat(1, auto);
    grid-template-columns: repeat(4, auto);
  }
}

@media (max-width: 768px) {
  .modalItem__infoList--failed {
    margin-top: 24px;
  }
}

@media (max-width: 768px) {
  .modalItem__infoList--examination {
    margin-top: 24px;
  }
}

.modalItem__infoDesc {
  position: relative;
  width: 107px;
  font-size: 16px;
  padding: 6px;
  background: #E7EAEB;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .modalItem__infoDesc {
    font-size: 12px;
    width: 77px;
  }
}

.modalItem__infoDetail {
  font-size: 12px;
}

@media (min-width: 769px) {
  .modalItem__infoDetail {
    font-size: 10px;
    font-weight: bold;
  }
}

.modalItem__ttl--loan {
  padding-top: 104px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .modalItem__ttl--loan {
    font-size: 20px;
  }
}

.modalItem__txt {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.modalItem__txt--loan {
  font-size: 16px;
}

@media (max-width: 768px) {
  .modalItem__txt--loan {
    font-size: 14px;
  }
}

.modalItem__note {
  font-size: 14px;
  margin-top: 24px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 24px auto 0;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 769px) {
  .modalItem__note--failed {
    margin-top: 0;
  }
}

.modalItem__note--s {
  margin-top: 16px;
  font-size: 11px;
  text-indent: -1em;
  padding-bottom: 0;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid var(--color-gray10);
  color: var(--color-gray);
}

@media (max-width: 768px) {
  .modalItem__note--s {
    padding-right: 0;
    padding-left: 1em;
    font-size: 11px;
  }
}

.modalItem__note--m {
  margin-top: 16px;
  font-size: 11px;
  padding-bottom: 24px;
}

@media (max-width: 768px) {
  .modalItem__note--m {
    font-size: 11px;
  }
}

.modalSummary {
  position: relative;
  text-align: center;
}

.modalSummary--approved {
  padding: 24px 0 64px;
  background-image: url(/mypage/images/bg_result_green.svg);
  background-position: center;
  background-size: 212px 212px;
  background-repeat: no-repeat;
  margin-top: 24px;
  height: 212px;
}

@media (min-width: 769px) {
  .modalSummary--approved {
    width: 212px;
    height: 212px;
    margin: 24px auto 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .modalSummary--approved {
    padding: 58px 0 64px;
    background-image: url(/mypage/images/bg_result_green.svg);
    background-position: center;
    background-size: 212px 212px;
    margin-top: 24px;
  }
}

.modalSummary--failed {
  position: relative;
  margin-top: 24px;
}

.modalSummary__img--failed img {
  max-width: 212px;
  height: auto;
}

.modalSummary--examination {
  position: relative;
  margin-top: 24px;
}

.modalSummary__img--examination img {
  max-width: 212px;
  height: auto;
}

@media (min-width: 769px) {
  .modalSummary__img--examination + .modalSummary__type {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -37px;
  }
}

.modalSummary__priceDesc {
  font-weight: bold;
  font-size: 18px;
}

@media (min-width: 769px) {
  .modalSummary__priceDesc {
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  .modalSummary__priceDesc {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1px;
    margin-top: -26px;
  }
}

.modalSummary__priceDetail {
  padding-left: 48px;
  font-size: 58px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -4.6px;
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-size: 75px;
  line-height: 100%;
  letter-spacing: -2%;
  margin-top: 7px;
  padding-left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (min-width: 769px) {
  .modalSummary__priceDetail {
    padding-left: 0px;
    font-size: 72px;
  }
}

.modalSummary__priceDetail--s {
  font-size: 24px;
  letter-spacing: 0.1px;
  margin-left: 10px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
  display: block;
}

@media (min-width: 769px) {
  .modalSummary__priceDetail--s {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}

@media (max-width: 768px) {
  .modalSummary__priceDetail--s {
    font-size: 21px;
    letter-spacing: 1px;
  }
}

@media (min-width: 769px) {
  .modalSummary__priceList {
    margin-top: -46px;
  }
}

.modalSummary__type {
  position: relative;
  width: 57px;
  height: 19px;
  margin: 0 auto;
}

.modalSummary__type--single img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 20px;
  width: 57px;
  height: 19px;
}

@media (max-width: 768px) {
  .modalSummary__type--single img {
    top: 15px;
  }
}

.modalSummary__type--multi {
  width: 87px;
  height: 19px;
}

.modalSummary__type--multi img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 20px;
  width: 87px;
  height: 19px;
}

@media (max-width: 768px) {
  .modalSummary__type--multi img {
    top: 11px;
  }
}

.modalSummary__type--failed {
  position: relative;
  top: 8px;
}

@media (min-width: 769px) {
  .modalSummary__type--failed {
    top: 35px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.modalSummary__type--failed img {
  bottom: 80px;
  top: initial;
}

@media (max-width: 768px) {
  .modalSummary__type--failed img {
    bottom: 68px;
    left: 50%;
  }
}

.modalSummary__type--examination img {
  bottom: 80px;
  top: initial;
}

@media (max-width: 768px) {
  .modalSummary__type--examination img {
    bottom: 63px;
    left: 50%;
  }
}

.loan {
  text-align: center;
  background-image: url(/mypage/images/icon_loan.svg);
  background-repeat: no-repeat;
  background-position: center 272px;
}

@media (max-width: 768px) {
  .loan {
    background-position: center 224px;
  }
}

/* ---------------------------
  もういちど審査する
--------------------------- */
/*.re-examination {
  padding: 48px 0;

  &__head {
    text-align: center;

  }

  &__list {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 40px;
  }

  &__item {
    width: 120px;
    min-height: 145px;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgb(0 0 0 / 15%);
  }

  &__link {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 74px;
    padding-bottom: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;

    &--single {
      background-image: url(/mypage/images/icon_single.svg);
      background-repeat: no-repeat;
      background-position: center 15px;
      background-size: 48px;
    }

    &--together {
      background-image: url(/mypage/images/icon_together.svg);
      background-repeat: no-repeat;
      background-position: center 15px;
      background-size: 70px;
    }
  }

  &__txt {
    padding: 0 24px;
    margin-top: 40px;
    font-weight: bold;

    &--s {
      padding: 0 24px;
      margin-top: 16px;
      font-size: 14px;
    }
  }

  &__note {
    position: relative;
    display: flex;
    justify-content: right;
    padding: 0 24px;
    padding-right: 40px;
    margin-top: 24px;
  }

  &__note-link {
    display: flex;
    place-items: center;

    &::after {
      position: absolute;
      right: 24px;
      box-sizing: border-box;
      width: 8px;
      height: 8px;
      content: "";
      border: 4px solid transparent;
      border-left: 8px solid #0e1213;
    }
  }
}
 */
/* ---------------------------
  個人情報
--------------------------- */
.appliData {
  padding: 40px 0 0;
}

@media (min-width: 769px) {
  .appliData {
    padding: 24px 0 0;
  }
}

.appliData__body {
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  gap: 0;
}

@media (max-width: 768px) {
  .appliData__body {
    gap: 24px;
    gap: 0;
  }
}

.appliData__contents {
  padding-top: 14px;
  font-size: 16px;
}

.appliData__contents li:first-child {
  margin-top: 0;
}

@media (max-width: 768px) {
  .appliData__contents {
    font-size: 14px;
    padding-top: 14px;
  }
}

.appliData__contents:first-child {
  padding-top: 0;
  border: none;
}

.appliData__contents:last-child {
  padding-bottom: 0;
}

.appliData__contents li {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
}

@media (min-width: 769px) {
  .appliData__contents li {
    font-size: 14px;
  }
}

.appliData__contents li :not(:first-child) {
  margin-top: 0;
}

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

.appliData__set div:first-child {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.appliData__contents dt {
  margin-top: 24px;
}

.appliData__contents dt:first-child {
  margin-top: 0;
}

@media (max-width: 768px) {
  .appliData__contents dt {
    margin-top: 16px;
  }
}

.appliData__contents-loan p {
  text-align: center;
}

.appliData__contents-loan dt {
  margin-top: 0;
}

.appliData__contents-loan .modalItem__note {
  text-align: left;
  padding-bottom: 0;
}

.appliData__label {
  position: relative;
  padding: 6px;
  background: #E7EAEB;
  border-radius: 4px;
  font-size: 12px;
  width: 77px;
  margin-right: 8px;
}

.modalItem--otherModal {
  padding-bottom: 0;
  padding: 16px 24px 0;
}

@media (min-width: 769px) {
  .modalItem--otherModal {
    padding: 0;
  }
}

.otherModal__label {
  position: relative;
  padding: 4px;
  background: var(--color-green70);
  border-radius: 4px;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  margin-right: 8px;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.otherModal__title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 12px;
  border-radius: 4px 4px 0 0;
  line-height: 1;
}

.otherModal__img {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .otherModal__img {
    min-width: 311px;
    width: 100%;
    margin-top: 0;
  }
}

.otherModal__img--reduction {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .otherModal__img--reduction {
    margin-top: 0;
  }
}

.otherModal__text {
  font-size: 14px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .otherModal__text {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .otherModal__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 40px;
    margin-top: 16px;
  }
}

.otherModal__close {
  font-weight: normal;
  font-size: 14px;
  height: 56px;
  border-top: 1px solid #edebec;
  display: grid;
  place-items: center;
  margin: 20px -24px 0;
}

@media (min-width: 769px) {
  .otherModal__close {
    margin: 20px 0 0;
  }
}

.modalItem--reduction {
  padding-bottom: 0;
  padding: 16px 24px 16px;
}

@media (min-width: 769px) {
  .modalItem--reduction {
    padding: 0;
  }
}

.modalItem--campaign {
  padding: 24px 16px 0;
}

.campaignModal__label {
  position: relative;
  padding: 4px;
  background: var(--color-green70);
  border-radius: 4px;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  margin-right: 8px;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.campaignModal__title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
}

.campaignModal__img {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .campaignModal__img {
    min-width: 311px;
    width: 100%;
  }
}

.campaignModal__img--reduction {
  margin-top: 16px;
}

.campaignModal__text {
  font-size: 14px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .campaignModal__wrap {
    gap: 0 40px;
  }
}

.campaignModal__input {
  display: none;
}

.campaignModal__inputText {
  font-size: 14px;
  position: relative;
  padding-left: 21px;
}

.campaignModal__inputText::after {
  position: absolute;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: -11px;
  margin: auto;
}

.campaignModal__inputText:has(.campaignModal__input)::after {
  background: url(/mypage/images/check_off.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.campaignModal__inputText:has(.campaignModal__input:checked)::after {
  background: url(/mypage/images/check_on.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .campaignModal__img img {
    width: 100%;
    height: auto;
  }
}

.campaignModal__underBox {
  background: var(--color-blue10);
  padding: 16px;
  border-radius: 6px;
  margin-top: 24px;
}

.campaignModal__inputBox {
  text-align: center;
}

.campaignModal__list {
  margin-top: 20px;
}

.campaignModal__note, .campaignModal__item {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
  color: var(--color-gray);
}

.campaignModal__note:not(:first-child), .campaignModal__item:not(:first-child) {
  margin-top: 10px;
}

.campaignModal__note {
  margin-top: 16px;
}

.campaignModal__close {
  font-weight: normal;
  font-size: 14px;
  height: 56px;
  border-top: 1px solid #edebec;
  display: grid;
  place-items: center;
  margin: 20px -16px 0;
}

@media (min-width: 769px) {
  .campaignModal__close {
    margin: 20px 0 0;
  }
}

.campaignModal__mark {
  font-size: 10px;
}

.campaignModal .c-btn {
  padding: 16px 0;
}

@media (min-width: 769px) {
  .campaignModal .c-btn {
    max-width: 311px;
    margin: 24px auto 0;
  }
}

/* ---------------------------
  reduction
--------------------------- */
.reduction {
  padding: 24px 0;
  border-top: 1px solid #edebec;
}

.reduction__ttl {
  text-align: center;
}

.reduction__txt {
  margin-top: 24px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .reduction__txt {
    font-size: 14px;
  }
}

/* ---------------------------
  tab
--------------------------- */
.tab {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .tab__inner {
    display: block;
    margin-top: 12px;
    padding: 24px 12px 16px;
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .tabwrapper__content--costs .tab__inner {
    background: unset;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin: 0;
    padding: 24px 82px 0;
  }
}

@media (min-width: 769px) {
  .tabwrapper__content--costs .tab__inner .costlist {
    border-top: 0;
    padding-top: 0;
    margin-top: 12px;
  }
}

@media (min-width: 769px) {
  .tabwrapper__content--costs .tab__inner .costnotes {
    border-top: 1px solid var(--color-blue30);
    padding-top: 16px;
    margin-top: 16px;
  }
}

.tab__desc {
  display: grid;
  gap: 20px;
  font-weight: bold;
  text-align: center;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  margin-top: 24px;
}

@media (max-width: 812px) {
  .tab__desc {
    width: calc(100vw - 68px);
  }
}

@media (min-width: 813px) {
  .tab__desc {
    width: 812px;
  }
}

@media (max-width: 768px) {
  .tab__desc {
    font-size: 11px;
    margin-top: 24px;
  }
}

.tab__descTxt {
  position: relative;
  font-size: 14px;
}

.tab__descTxt::before,
.tab__descTxt::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 16px;
  bottom: 3px;
}

.tab__descTxt--l {
  color: #3ba366;
}

.tab__descTxt--l::before {
  background-image: url(/mypage/images/notice_green.svg);
  left: -14px;
}

.tab__descTxt--l::after {
  background-image: url(/mypage/images/notice_green.svg);
  right: -14px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.tab__descTxt--r {
  color: #28888e;
}

.tab__descTxt--r::before {
  background-image: url(/mypage/images/notice_blue.svg);
  left: -14px;
}

.tab__descTxt--r::after {
  background-image: url(/mypage/images/notice_blue.svg);
  right: -14px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.tab__toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 72px;
  overflow: hidden;
  border-radius: 36px;
  -webkit-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .tab__toggle {
    margin-top: 12px;
  }
}

.tab__toggle::before {
  position: absolute;
  left: 0;
  z-index: 2;
  height: 100%;
  content: "";
  border-radius: 36px;
  -webkit-transition: background-color 0.5s ease, left 0.5s ease;
  -o-transition: background-color 0.5s ease, left 0.5s ease;
  transition: background-color 0.5s ease, left 0.5s ease;
}

@media (max-width: 832px) {
  .tab__toggle::before {
    width: calc(50vw - 24px);
  }
}

@media (min-width: 833px) {
  .tab__toggle::before {
    width: 416px;
  }
}

.tab__toggle:has(.tab__rd--left:checked) {
  color: #28888E;
  background-color: #D7E8E9;
}

.tab__toggle:has(.tab__rd--left:checked)::before {
  background-color: #4fb378;
  -webkit-box-shadow: 2px 2px 24px rgba(18, 74, 41, 0.24);
  box-shadow: 2px 2px 24px rgba(18, 74, 41, 0.24);
}

.tab__toggle:has(.tab__rd--right:checked) {
  color: #288F53;
  background-color: #DBEFE4;
}

.tab__toggle:has(.tab__rd--right:checked)::before {
  left: 50%;
  background-color: #4facb3;
  -webkit-box-shadow: 2px 2px 24px rgba(18, 70, 44, 0.24);
  box-shadow: 2px 2px 24px rgba(18, 70, 44, 0.24);
}

.tab__rd {
  display: none;
}

.tab__label {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  height: 100%;
  font-size: 23px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 36px;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

@media (max-width: 832px) {
  .tab__label {
    width: calc(50vw - 24px);
  }
}

@media (min-width: 833px) {
  .tab__label {
    width: 416px;
  }
}

.tab__label:has(.tab__rd:checked) {
  color: #fff;
  cursor: initial;
  -webkit-box-shadow: 2px 2px 24px rgba(18, 70, 75, 0.24);
  box-shadow: 2px 2px 24px rgba(18, 70, 75, 0.24);
}

.tab__panel {
  position: relative;
  width: 100%;
  padding-top: 24px;
  overflow: hidden;
}

.tab__panel--animate {
  max-height: 1000px;
  -webkit-transition: height 0.9s ease;
  -o-transition: height 0.9s ease;
  transition: height 0.9s ease;
}

.tab__panel::before {
  position: absolute;
  top: 6px;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0 calc(21px / 2) 18px;
  -webkit-transition: border-bottom-color 0.5s ease, -webkit-transform 0.5s ease;
  transition: border-bottom-color 0.5s ease, -webkit-transform 0.5s ease;
  -o-transition: border-bottom-color 0.5s ease, transform 0.5s ease;
  transition: border-bottom-color 0.5s ease, transform 0.5s ease;
  transition: border-bottom-color 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

@media (max-width: 832px) {
  .tab__panel::before {
    left: calc(50% - (50vw + 3px) / 2);
  }
}

@media (min-width: 833px) {
  .tab__panel::before {
    left: calc(50% - (416px + 21px) / 2);
  }
}

.tab:has(.tab__rd--left:checked) .tab__panel::before {
  border-bottom-color: #c0e0cf;
}

.tab:has(.tab__rd--right:checked) .tab__panel::before {
  border-bottom-color: #c0dee1;
}

@media (max-width: 832px) {
  .tab:has(.tab__rd--right:checked) .tab__panel::before {
    -webkit-transform: translateX(calc(50vw - 24px));
    -ms-transform: translateX(calc(50vw - 24px));
    transform: translateX(calc(50vw - 24px));
  }
}

@media (min-width: 833px) {
  .tab:has(.tab__rd--right:checked) .tab__panel::before {
    -webkit-transform: translateX(416px);
    -ms-transform: translateX(416px);
    transform: translateX(416px);
  }
}

.tab__panelInner {
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 100%;
  padding: 40px 24px;
  -webkit-transition: background-color 0.9s ease;
  -o-transition: background-color 0.9s ease;
  transition: background-color 0.9s ease;
}

@media (max-width: 768px) {
  .tab__panelInner {
    padding: 24px;
  }
}

.tab:has(.tab__rd--left:checked) .tab__panelInner {
  background-color: #c0e0cf;
}

.tab:has(.tab__rd--right:checked) .tab__panelInner {
  background-color: #c0dee1;
}

.tab__item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 0fr;
  max-width: 832px;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  -o-transition: opacity 0.3s ease 0s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  transition: opacity 0.3s ease 0s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  transition: opacity 0.3s ease 0s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s, -ms-grid-rows 0s ease 0.3s;
}

.tab:has(.tab__rd--left:checked) .tab__item--left,
.tab:has(.tab__rd--right:checked) .tab__item--right {
  grid-template-rows: 1fr;
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.6s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  -o-transition: opacity 0.3s ease 0.6s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  transition: opacity 0.3s ease 0.6s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s;
  transition: opacity 0.3s ease 0.6s, grid-template-rows 0s ease 0.3s, visibility 0s ease 0.3s, -ms-grid-rows 0s ease 0.3s;
}

.tab__itemInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.c-title + .tab__itemInner {
  margin-top: 24px;
}

@media (max-width: 768px) {
  .tab__itemInner {
    gap: 24px;
  }
}

/* ---------------------------
  収入合算モーダル画面内のタブ
--------------------------- */
.tab--appliData {
  margin: 0 auto;
  border-top: 1px solid #edebec;
}

.tab--appliData .tab__toggle {
  height: 58px;
  color: #000;
  margin-top: 40px;
  background-color: #efeeee;
}

@media (max-width: 768px) {
  .tab--appliData .tab__toggle {
    height: 52px;
    margin-top: 24px;
  }
}

.tab--appliData .tab__toggle::before {
  width: 266px;
}

@media (max-width: 768px) {
  .tab--appliData .tab__toggle::before {
    width: 140px;
    height: 52px;
  }
}

.tab--appliData .tab__toggle:has(.tab__rd--left:checked),
.tab--appliData .tab__toggle:has(.tab__rd--right:checked) {
  color: #0d1112;
  background-color: #efeeee;
}

.tab--appliData .tab__toggle:has(.tab__rd--left:checked)::before {
  background-color: #4facb3;
}

.tab--appliData .tab__toggle:has(.tab__rd--right:checked)::before {
  background-color: #4fb378;
}

.tab--appliData .tab__label {
  width: 266px;
  height: 58px;
  font-size: 18px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .tab--appliData .tab__label {
    width: 140px;
    height: 52px;
    font-size: 14px;
  }
}

.tab--appliData .tab__panel::before {
  display: none;
}

.tab--appliData .tab__panelInner {
  padding: 0;
}

@media (max-width: 768px) {
  .tab__toggle {
    height: 52px;
    border-radius: 26px;
  }
  .tab__toggle::before {
    width: calc(50vw - 24px);
    height: 52px;
    border-radius: 26px;
  }
  .tab__label {
    width: calc(50vw - 24px);
    height: 52px;
    font-size: 16px;
    border-radius: 26px;
  }
  .tab__panel::before {
    top: 6px;
    left: calc(50% - (50vw - 3px) / 2);
  }
  .tab:has(.tab__rd--right:checked) .tab__panel::before {
    -webkit-transform: translateX(calc(50vw - 24px));
    -ms-transform: translateX(calc(50vw - 24px));
    transform: translateX(calc(50vw - 24px));
  }
}

/* ---------------------------
  card
--------------------------- */
.card-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  place-items: center;
  max-width: 832px;
  margin: 0 auto;
  padding: 24px 16px 0;
}

@media (min-width: 769px) {
  .card-contents {
    padding: 32px 0 0;
  }
}

@media (max-width: 768px) {
  .card-contents {
    gap: 24px;
    width: 100%;
    padding: 24px 16px 0;
  }
}

.card-contents--top {
  background: var(--color-blue10);
  border-radius: 16px 16px 0 0;
  padding: 24px 16px 32px;
}

@media (min-width: 769px) {
  .card-contents--top {
    padding: 24px 0 32px;
  }
}

.card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

@media (max-width: 768px) {
  .card-wrapper {
    gap: 5px;
    place-items: center;
    min-width: 327px;
  }
}

.card-wrapper__link {
  width: 100%;
}

.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  place-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .card-header {
    gap: 8px;
    font-size: 12px;
  }
}

.card-header::before {
  display: block;
  content: "";
  background-size: cover;
}

.card-header--single::before {
  width: 21px;
  height: 32px;
  background-image: url(/mypage/images/icon_single.svg);
  margin-left: 8px;
}

@media (max-width: 768px) {
  .card-header--single::before {
    width: 14px;
    height: 21px;
  }
}

.card-header--multi::before {
  width: 36px;
  height: 32px;
  margin-left: 8px;
  background-image: url(/mypage/images/icon_multi_card.svg);
}

@media (max-width: 768px) {
  .card-header--multi::before {
    width: 24px;
    height: 21px;
  }
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  padding: 0 24px 0 64px;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
}

@media (max-width: 768px) {
  .card {
    display: block;
    place-items: unset;
    width: 100%;
    padding: 0 16px;
  }
}

.card {
  padding: 16px;
  position: relative;
}

.card::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/arw_green.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
}

.card__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__img {
  width: 48px;
}

.card__img img {
  width: 100%;
}

.card__price {
  font-size: 16px;
}

.card__date {
  margin-top: 4px;
}

.card--failed .card__price {
  font-size: 12px;
}

.card--apply {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 72px;
  place-items: center;
  background: url(/mypage/images/card_bg_apply_pc.png) no-repeat;
  background-size: cover;
  background-position: 0px -87px;
}

@media (max-width: 768px) {
  .card--apply {
    background: url(/mypage/images/card_bg_apply_sp.png) no-repeat;
    gap: 19px;
    background-size: cover;
    background-position: 0 45%;
  }
}

.card__logo {
  text-align: center;
}

.card__logo--apply {
  margin-top: -9px;
  margin-left: 13px;
}

@media (max-width: 768px) {
  .card__logo--apply img {
    width: 64px;
    height: 32px;
  }
}

@media (max-width: 768px) {
  .card__logo {
    margin-top: 8px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .card__logo img {
    width: 100%;
    max-width: 169px;
  }
}

.card__price {
  font-family: Lato, sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1.24px;
  color: #0e1213;
}

.card__price--s {
  font-size: 24px;
}

@media (max-width: 768px) {
  .card__price--s {
    margin-left: 3px;
    font-size: 16px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 3px;
    vertical-align: bottom;
  }
}

.card__txt {
  font-weight: bold;
}

.card__txt--failed {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 1.1px;
}

@media (max-width: 768px) {
  .card__txt--failed {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
  }
}

.card__txt--progress {
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .card__txt--progress {
    font-size: 13px;
    margin-top: 16px;
  }
}

.card__txt--apply {
  font-size: 20px;
  color: #fff;
}

@media (max-width: 768px) {
  .card__txt--apply {
    font-size: 17px;
  }
}

.card__infoList {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 13px;
  color: #0e1213;
  line-height: 1.6;
  text-align: right;
}

@media (max-width: 768px) {
  .card__infoList {
    top: 16px;
    right: 16px;
    display: block;
    font-size: 11px;
    line-height: 1.3;
  }
}

.card__infoDetail {
  letter-spacing: 1.1px;
}

.card__btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 65px;
  height: 29px;
  padding-right: 14px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .card__btn {
    right: 16px;
    bottom: 16px;
  }
}

.card__btn--black {
  color: #fff;
  background-color: #0e1213;
  background-image: url(/mypage/images/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: 45px center;
}

.card__btn--blue {
  color: #3ea0d4;
  background-color: #fff;
  background-image: url(/mypage/images/arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: 45px center;
}

.card__history {
  width: 832px;
  margin: 0 auto;
  text-align: right;
}

@media (max-width: 768px) {
  .card__history {
    width: 327px;
  }
}

/* ---------------------------
  faildcard
--------------------------- */
.faildcard {
  padding: 24px 16px 16px;
  background: #ffffff;
}

.faildcard::after {
  display: none;
}

@media (min-width: 769px) {
  .faildcard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 82px 16px;
  }
}

.faildcard__logo {
  width: 262px;
  margin: auto;
}

.faildcard__logo img {
  width: 100%;
}

.faildcard__textbox {
  background-image: url(/mypage/images/circle_silver.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 32px 0;
  background-size: 144px 144px;
  margin: 4px 0;
}

@media (min-width: 769px) {
  .faildcard__textbox {
    background-image: url(/mypage/images/circle_silver-small.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 32px 0;
    background-size: 128px 128px;
  }
}

.faildcard__title {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

@media (min-width: 769px) {
  .faildcard__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 4px;
  }
}

.faildcard__type {
  text-align: center;
  font-weight: bold;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
}

@media (min-width: 769px) {
  .faildcard__type {
    display: none;
  }
}

.faildcard__type::before {
  position: absolute;
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  background-image: url(/mypage/images/icon-failedcard-type-single.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 6px;
  left: -24px;
}

.faildcard__typemulti {
  text-align: center;
  font-weight: bold;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
}

@media (min-width: 769px) {
  .faildcard__typemulti {
    display: none;
  }
}

.faildcard__typemulti::before {
  position: absolute;
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  background-image: url(/mypage/images/icon-multi.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 2px;
  left: -28px;
}

.faildcard__type-pc {
  display: none;
}

@media (min-width: 769px) {
  .faildcard__type-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    margin-left: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.faildcard__type-pc img {
  width: 100%;
}

@media (min-width: 769px) {
  .faildcard__type-pc--multi {
    width: 67px;
  }
}

.faildcard__infoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 6px;
}

.faildcard__infoDesc {
  font-size: 10px;
  padding: 6px 11px;
  background: #E7EAEB;
  border-radius: 4px;
  text-align: center;
}

.faildcard__infoDetail {
  font-size: 10px;
  font-weight: bold;
}

.faildcard__btn {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  position: relative;
  margin-top: 12px;
}

.faildcard__btn::after {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/mypage/images/arw_green.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 4px;
  right: 0;
}

.faildcard__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #cfd4d6;
  padding-top: 12px;
}

@media (min-width: 769px) {
  .faildcard__wrap {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.faildcard__modalbtn {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  border: 1px solid var(--color-gray30);
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  width: 154px;
  background: unset;
  line-height: 1;
}

@media (min-width: 769px) {
  .faildcard__modalbtn {
    width: 313px;
    font-size: 14px;
    margin-left: 70px;
    cursor: pointer;
    padding: 14px 10px;
  }
}

/* ---------------------------
  historyCard
--------------------------- */
.historyLink-wrapper {
  max-width: 832px;
  margin: 24px auto 0;
  margin-top: 24px;
  text-align: right;
}

@media (max-width: 768px) {
  .historyLink-wrapper {
    font-size: 0;
    margin-right: 24px;
  }
}

.historyLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  place-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.historyLink::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url(/mypage/images/btn_arrow.svg);
}

@media (max-width: 768px) {
  .historyLink {
    font-size: 12px;
  }
}

.history-wrapper {
  padding: 40px 24px;
  max-width: 832px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .history-wrapper {
    padding: 24px 0 0;
  }
}

.history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--color-blue10);
  border-radius: 16px;
  padding: 80px 56px;
  gap: 40px;
  margin-top: -36px;
}

@media (min-width: 769px) {
  .history {
    padding: 0px 56px;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .history {
    gap: 24px;
    padding: 35px 16px 32px;
  }
}

.history__header {
  margin: 0 auto;
}

@media (max-width: 768px) {
  .history__header {
    max-width: 238px;
    height: auto;
  }
}

.history__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 72px;
}

@media (max-width: 768px) {
  .history__body {
    gap: 20px;
  }
}

.historyCard-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .historyCard-wrapper {
    gap: 11px;
  }
}

.historyCard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  place-items: center;
  font-weight: bold;
}

@media (max-width: 768px) {
  .historyCard-header {
    font-size: 12px;
    gap: 8px;
  }
}

.historyCard-header::before {
  display: block;
  content: "";
  background-size: cover;
}

.historyCard-header--single::before {
  width: 21px;
  height: 32px;
  margin-left: 8px;
  background-image: url(/mypage/images/icon_single.svg);
}

@media (max-width: 768px) {
  .historyCard-header--single::before {
    width: 14px;
    height: 21px;
  }
}

.historyCard-header--multi::before {
  width: 36px;
  height: 32px;
  margin-left: 8px;
  background-image: url(/mypage/images/icon_multi_card.svg);
}

@media (max-width: 768px) {
  .historyCard-header--multi::before {
    width: 24px;
    height: 21px;
  }
}

.historyCard-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 768px) {
  .historyCard-list {
    gap: 12px;
  }
}

.historyCard {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  gap: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 24px rgba(14, 18, 19, 0.12);
  box-shadow: 0 4px 24px rgba(14, 18, 19, 0.12);
  padding: 24px 32px;
  padding: 24px 24px 24px 76px;
  cursor: pointer;
  background: #ffffff;
}

@media (min-width: 769px) {
  .historyCard {
    width: 628px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.historyCard::before {
  position: absolute;
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background-image: url(/mypage/images/icon-card-single.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
}

.historyCard::after {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/mypage/images/arw_green.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -1px;
  bottom: 0;
  right: 16px;
  margin: auto;
}

@media (max-width: 768px) {
  .historyCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 16px 24px 76px;
    gap: 8px;
    place-items: initial;
  }
  .historyCard--reject {
    padding: 16px 16px 16px 76px;
  }
}

.historyCard-wrapper--single .historyCard-list {
  position: relative;
}

.historyCard-wrapper--single .historyCard-list::before {
  position: absolute;
  display: block;
  content: "";
  width: 92px;
  height: 67px;
  background-image: url(/mypage/images/img-historytop.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -54px;
  right: 0;
}

.historyCard-wrapper--multi .historyCard::before {
  background-image: url(/mypage/images/icon-card-partner.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.historyCard__infoDesc,
.historyCard__infoDetail {
  font-size: 12px;
  color: var(--color-gray);
  font-weight: normal;
}

.historyCard__price {
  font-weight: bold;
  font-size: 16px;
}

@media (min-width: 769px) {
  .historyCard__price {
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .historyCard__price {
    font-size: 12px;
    line-height: 1;
  }
}

.historyCard__price--reject br {
  display: none;
}

@media (max-width: 768px) {
  .historyCard__price--reject {
    line-height: 1.3;
  }
  .historyCard__price--reject br {
    display: block;
  }
}

.historyCard__infoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}

@media (min-width: 769px) {
  .historyCard__infoList {
    margin-right: 12px;
  }
}

@media (max-width: 768px) {
  .historyCard__infoList {
    line-height: 1;
  }
}

.historyCard__btn {
  position: absolute;
  right: 32px;
  width: 65px;
  height: 29px;
  padding-right: 14px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .historyCard__btn {
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto 0;
  }
}

.historyCard__btn--black {
  color: #fff;
  background-color: #0e1213;
  background-image: url(/mypage/images/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: 45px center;
}

/* ---------------------------
  フッター
--------------------------- */
.footer {
  padding: 20px 0;
}

@media (max-width: 768px) {
  .footer {
    padding: 14px 20px 20px;
  }
}

@media (min-width: 769px) {
  .footer__contents {
    max-width: 1231px;
    margin: auto;
  }
}

.footer__nav {
  padding: 0;
  padding: 0 24px 0 73px;
  background-color: var(--color-bg);
}

@media (min-width: 769px) {
  .footer__nav {
    padding: 0;
  }
}

.footer__nav__text {
  color: #A69FA2;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .footer__nav__text {
    padding-top: 24px;
  }
}

@media (max-width: 768px) {
  .footer__nav {
    padding-left: 24px;
  }
}

.footer__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 48px 0 14px;
}

.footer__navItem {
  position: relative;
  font-size: 11px;
}

.footer__navItem::before {
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  content: "";
  border: 0;
  border-top: solid 2px #4d5051;
  border-right: solid 2px #4d5051;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__item--copyright {
  font-size: 10px;
}

.footer__item--copyright small {
  font-size: 0.75rem;
  padding-left: .9rem;
  vertical-align: text-top;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  margin-top: 13px;
  color: #435b67;
}

.profit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 16px;
  place-items: center;
  position: relative;
  padding: 10px 0 14px 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 18px;
}

@media (max-width: 768px) {
  .profit {
    gap: 15px;
    padding: 15px 48px 21px 36px;
  }
}

.profit::before,
.profit::after {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0 10.5px 18px;
  -webkit-transition: border-bottom-color 0.5s ease, tra;
  -o-transition: border-bottom-color 0.5s ease, tra;
  transition: border-bottom-color 0.5s ease, tra;
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  border-bottom-color: #fff;
  bottom: -16px;
}

@media (max-width: 868px) {
  .profit::before,
  .profit::after {
    left: calc(50% - (50vw + 3px) / 2);
  }
}

@media (min-width: 869px) {
  .profit::before,
  .profit::after {
    left: calc(50% - (416px + 21px) / 2);
  }
}

@media (max-width: 768px) {
  .profit::before {
    left: calc(50% - (50vw - 3px) / 2);
  }
}

@media (max-width: 832px) {
  .profit::after {
    -webkit-transform: translateX(calc(50vw - 24px)) scale(1, -1);
    -ms-transform: translateX(calc(50vw - 24px)) scale(1, -1);
    transform: translateX(calc(50vw - 24px)) scale(1, -1);
  }
}

@media (min-width: 833px) {
  .profit::after {
    -webkit-transform: translateX(416px) scale(1, -1);
    -ms-transform: translateX(416px) scale(1, -1);
    transform: translateX(416px) scale(1, -1);
  }
}

@media (max-width: 768px) and (max-width: 832px) {
  .profit::after {
    -webkit-transform: translateX(calc(50vw - 24px)) scale(1, -1);
    -ms-transform: translateX(calc(50vw - 24px)) scale(1, -1);
    transform: translateX(calc(50vw - 24px)) scale(1, -1);
  }
}

@media (max-width: 768px) and (min-width: 833px) {
  .profit::after {
    -webkit-transform: translateX(416px) scale(1, -1);
    -ms-transform: translateX(416px) scale(1, -1);
    transform: translateX(416px) scale(1, -1);
  }
}

.profit__wrapper {
  max-width: 832px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media (max-width: 768px) {
  .profit__wrapper {
    padding: 0 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.profit__txt {
  font-weight: bold;
  font-size: 23px;
  text-align: left;
}

.profit__txt span {
  font-weight: normal;
}

@media (max-width: 768px) {
  .profit__txt {
    font-size: 14px;
    line-height: 1.4;
  }
}

.content {
  background-color: #fff;
  padding: 56px;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .content {
    padding: 24px;
  }
}

.content h4 {
  font-size: 23px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .content h4 {
    font-size: 20px;
  }
}

.content p {
  font-size: 16px;
}

@media (max-width: 768px) {
  .content p {
    font-size: 14px;
  }
}

.content--2columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  place-items: center;
}

@media (max-width: 768px) {
  .content--2columns {
    gap: 24px;
  }
}

.content__txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 768px) {
  .content__txtArea {
    gap: 12px;
  }
}

.dummy-circle {
  border-radius: 50%;
}

@media (max-width: 768px) {
  .dummy-circle {
    width: 78px;
    height: 78px;
  }
}

.section__inner {
  padding: 24px 24px 0;
}

@media screen and (min-width: 769px) {
  .section__inner {
    padding: 40px 0 0;
  }
}

.contents {
  max-width: 832px;
  padding-top: 40px;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 48px 24px;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
}

@media screen and (min-width: 769px) {
  .contents {
    padding: 80px 56px;
  }
}

.title {
  width: 238px;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .title--serif {
    width: 318px;
  }
}

@media screen and (min-width: 769px) {
  .title--quit {
    width: 318px;
  }
}

.title img {
  width: 100%;
}

.imgbox--error {
  width: 127px;
  margin: 40px auto 0;
  -webkit-transform: translateX(-34px);
  -ms-transform: translateX(-34px);
  transform: translateX(-34px);
}

@media screen and (min-width: 769px) {
  .imgbox--error {
    width: 124px;
  }
}

.imgbox--quit {
  width: 135px;
  margin: 40px auto 0;
  -webkit-transform: translateX(-34px);
  -ms-transform: translateX(-34px);
  transform: translateX(-34px);
}

@media screen and (min-width: 769px) {
  .imgbox--quit {
    width: 124px;
  }
}

.txt {
  font-size: 14px;
  letter-spacing: 0.064em;
  color: #0E1213;
  margin-top: 8px;
}

@media screen and (min-width: 769px) {
  .txt {
    text-align: center;
    font-size: 16px;
  }
}

.txt--main {
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.064em;
  color: #FF7678;
  text-align: center;
}

.txt--quit {
  margin-top: 40px;
}

.txt--alart {
  margin-top: 24px;
  color: #0E1213;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
}

@media screen and (min-width: 769px) {
  .txt--alart {
    max-width: 584px;
    margin: 24px auto 0;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
  }
}

+ .txt--alart--alart {
  margin-top: 4px;
}

@media screen and (min-width: 769px) {
  + .txt--alart--alart {
    margin: 4px auto 0;
  }
}

.txt--alart .link {
  text-decoration: underline;
}

.link-desk {
  max-width: 584px;
  margin: 0 auto;
  text-align: left;
  display: block;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .link-desk {
    font-size: 14px;
  }
}

.btn2 {
  display: block;
  text-align: center;
  line-height: 1;
  margin: 40px auto 0;
  border-radius: 24px;
  letter-spacing: 0.064em;
  font-size: 16px;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .btn2 {
    border-radius: 32px;
  }
}

.btn2--top {
  width: 176px;
  background: #FFED66;
  font-weight: bold;
  color: #0E1213;
  padding: 15px 0;
  border: none;
}

@media screen and (min-width: 769px) {
  .btn2--top {
    font-size: 21px;
    width: 237px;
    height: auto;
    margin: 56px auto 0;
    padding: 16px 0;
  }
}

.btn2--quit {
  width: 262px;
  font-weight: bold;
  color: #0E1213;
  padding: 13px 0;
  border: solid #A69FA2 1px;
}

@media screen and (min-width: 769px) {
  .btn2--quit {
    height: auto;
    width: 383px;
    margin: 56px auto 0;
    font-size: 21px;
    padding: 16px 0;
    letter-spacing: 0.088em;
  }
}

.card--toppage {
  height: auto;
  padding: 20px 16px 16px;
  background: #FFFFFF;
}

.card--toppage::after {
  display: none;
}

@media (min-width: 769px) {
  .card--toppage {
    display: block;
  }
}

.card--toppage p {
  font-size: 13px;
}

.card--toppage p + p {
  margin-top: 8px;
}

@media (min-width: 769px) {
  .card--toppage p + p {
    margin-top: 24px;
  }
}

@media (min-width: 769px) {
  .card--toppage p {
    font-size: 16px;
  }
}

.card__warn {
  color: #F4434B;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
}

.card__warn::before {
  position: absolute;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(/mypage/images/icon-info.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.card__link {
  text-decoration: underline;
}

.card__logo-img {
  width: 98px;
  margin-left: auto;
  margin-top: 8px;
}

.card--toppage--link {
  display: block;
  width: 100%;
}

.card-link {
  display: block;
  width: 100%;
}

.block--toppage__title {
  width: 256px;
  margin-left: 0;
  margin-bottom: 24px;
}

@media (min-width: 769px) {
  .block--toppage__title {
    width: auto;
    max-width: 832px;
    margin: 0 auto;
  }
  .block--toppage__title img {
    width: 256px;
    margin-left: 0;
  }
}

.block__inner--toppage {
  background-color: #fff;
  border-radius: 16px;
  padding: 0;
}

@media (min-width: 769px) {
  .block__inner--toppage {
    max-width: 832px;
    margin: 16px auto 0;
    padding: 75px 160px 0;
  }
}

.block__inner--toppage .profit {
  padding: 0 0 14px 0;
  margin-top: 12px;
}

.block__inner--toppage .profit::before, .block__inner--toppage .profit::after {
  display: none;
}

.block__inner--toppage .c-btn {
  margin-top: 24px;
  padding: 16px 0;
}

.block__inner__item--toppage2 {
  border-top: 4px dotted #707070;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .block__inner__item--toppage2 {
    padding-top: 30px;
  }
}

.block__inner__title--toppage1,
.block__inner__title--toppage2 {
  position: relative;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.024em;
  margin-top: 65px;
}

@media (min-width: 769px) {
  .block__inner__title--toppage1,
  .block__inner__title--toppage2 {
    font-size: 28px;
  }
}

.block__inner__title--toppage1::before,
.block__inner__title--toppage2::before {
  position: absolute;
  content: "01";
  display: block;
  text-align: center;
  width: 36px;
  height: 36px;
  font-size: 19px;
  font-weight: bold;
  font-family: lato;
  top: -39px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #CCCACB;
  border-radius: 50px;
}

@media (min-width: 769px) {
  .block__inner__title--toppage1::before,
  .block__inner__title--toppage2::before {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    top: -53px;
  }
}

.block__inner__title--toppage1 span,
.block__inner__title--toppage2 span {
  font-size: 13px;
  letter-spacing: 0.256em;
}

.block__inner__title--toppage2::before {
  content: "02";
}

.toppageblock__img {
  margin-top: 32px;
}

@media (min-width: 769px) {
  .toppageblock__img {
    width: 323px;
    margin: auto;
  }
}

.toppageblock__text {
  margin-top: 32px;
  font-size: 14px;
  letter-spacing: 0.024em;
}

.toppageblock__text span {
  font-weight: bold;
}

.toppageblock__btn {
  width: 244px;
  margin: 32px auto 0;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.024em;
  font-weight: bold;
  border-radius: 50px;
  background: #FFED66;
  display: block;
  padding: 16px 0;
  cursor: pointer;
}

@media (min-width: 769px) {
  #popup .btn {
    height: 60px;
  }
}

@media (max-width: 768px) {
  .appliData {
    padding: 24px 0 0;
  }
}

@media (min-width: 769px) {
  .tab__toggle {
    margin-top: 12px;
  }
}

.tab__panel {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .tab__panel {
    margin-top: 0;
  }
}

.tab:has(.tab__rd--right:checked) .tab__panel::before {
  border-bottom-color: #83C2C7;
}

.tab:has(.tab__rd--left:checked) .tab__panel::before {
  border-bottom-color: #9BCCB5;
}

.block_inner,
.infoarea {
  max-width: 832px;
  margin: auto;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  overflow: hidden;
  padding: 56px;
  background: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .block_inner,
  .infoarea {
    padding: 42px 34px 30px;
  }
}

.infoarea {
  max-width: 832px;
  margin: auto;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  overflow: hidden;
  padding: 16px;
  background: #FFFFFF;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .infoarea {
    padding: 16px 82px;
  }
}

.infoarea .txt--st {
  font-size: 14px;
}

@media (min-width: 769px) {
  .infoarea .txt--st {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
    vertical-align: middle;
  }
}

.infoarea .c-btn {
  margin-top: 16px;
  padding: 16px 0;
}

@media (min-width: 769px) {
  .infoarea .c-btn {
    width: 313px;
    margin: 16px auto 0;
  }
}

.infoarea__label {
  position: relative;
  margin-bottom: 24px;
  font-size: 10px;
  color: #4D5051;
  padding-left: 35px;
  letter-spacing: 0.064em;
}

.infoarea__label::before {
  background: #FCD02F;
  position: absolute;
  display: block;
  content: "PR";
  font-size: 10px;
  font-weight: bold;
  top: 0;
  width: 28px;
  height: 18px;
  line-height: 1.8;
  text-align: center;
  left: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2px;
}

.infoarea__label--sezon::before {
  color: #ffffff;
  background: #0C5CC0;
}

.infoarea__title {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.088em;
  margin-bottom: 32px;
  font-size: 14px;
  margin-bottom: 16px;
}

@media (min-width: 769px) {
  .infoarea__title {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1%;
    vertical-align: middle;
    position: super;
  }
}

.infoarea__title span {
  position: absolute;
  font-size: 9px;
  top: 3px;
}

@media screen and (max-width: 768px) {
  .infoarea__title span {
    top: -4px;
  }
}

.block_inner.block_inner--top {
  position: relative;
  overflow: unset;
  padding: 16px;
  margin-top: 24px;
}

@media (min-width: 769px) {
  .block_inner.block_inner--top {
    margin-top: 16px;
  }
}

.block_inner.block_inner--top::before {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/img-top-about.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 84px;
  height: 70px;
  top: -70px;
  bottom: 0;
  right: 9px;
}

.block_inner.block_inner--top + .block_inner--top {
  margin-top: 12px;
}

.block_inner.block_inner--top + .block_inner--top::before {
  display: none;
}

.block--top {
  background: var(--color-blue20);
  padding-top: 32px;
  padding-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .block--top {
    padding: 32px 24px 32px;
  }
}

.block--reject {
  background: var(--color-blue20);
  padding-top: 32px;
  padding-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .block--reject {
    padding: 32px 16px;
  }
}

.block--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 64px;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .block--flex {
    display: block;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .block__r {
    margin-top: 24px;
  }
}

.block--aruhi, .block--sezon {
  height: 169px;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block--aruhi {
  background-image: url(/mypage/images/bg_aruhi_pc.png);
  position: relative;
}

@media screen and (max-width: 768px) {
  .block--aruhi {
    background-image: url(/mypage/images/bg_aruhi_sp.png);
  }
}

.block--aruhi .sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .block--aruhi .sp-only {
    display: block;
  }
}

.block--aruhi::after {
  position: absolute;
  display: block;
  content: "";
  width: 74px;
  height: 71px;
  background-image: url(/mypage/images/mark_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -39px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .block--aruhi::after {
    background-image: url(/mypage/images/mark_sp.png);
  }
}

.block--sezon {
  background-image: url(/mypage/images/bg_sezon_pc.png);
}

@media screen and (max-width: 768px) {
  .block--sezon {
    background-image: url(/mypage/images/bg_sezon_sp.png);
  }
}

.block--foot {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid #EDEBEC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .block--foot {
    margin-top: 16px;
    padding-top: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .block--foot {
    gap: 0 16px;
    margin-top: 16px;
    padding-top: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.block--foot p {
  font-size: 11px;
  line-height: 1;
}

.underBlock {
  padding: 24px 0 0;
}

@media (min-width: 769px) {
  .underBlock {
    padding: 19px 0 0;
  }
}

.img--title {
  width: 340px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .img--title {
    width: 230px;
  }
}

.img--house {
  width: 180px;
}

@media screen and (max-width: 768px) {
  .img--house {
    margin: auto;
    width: 74px;
  }
}

.img--logo--aruhi {
  width: 87px;
  height: 10px;
}

@media (min-width: 769px) {
  .img--logo--aruhi {
    width: 94px;
  }
}

.img--logo--sezon {
  width: 176px;
  height: 18px;
}

@media screen and (max-width: 768px) {
  .img--logo--sezon {
    width: 240px;
    height: 11px;
  }
}

.title--aruhi, .title--sezon {
  position: relative;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0.088em;
}

@media screen and (max-width: 768px) {
  .title--aruhi, .title--sezon {
    font-size: 18px;
  }
}

.title--aruhi .line--pc,
.title--aruhi .line--sp,
.title--aruhi .note {
  position: relative;
}

.title--aruhi .line--pc::after {
  position: absolute;
  display: block;
  content: "";
  width: 340px;
  top: -3px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 2px dotted #000;
}

@media screen and (max-width: 768px) {
  .title--aruhi .line--pc::after {
    display: none;
  }
}

.title--aruhi .line--sp1::after,
.title--aruhi .line--sp2::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .title--aruhi .line--sp1::after,
  .title--aruhi .line--sp2::after {
    position: absolute;
    display: block;
    content: "";
    width: 169px;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 2px dotted #000;
  }
}

@media screen and (max-width: 768px) {
  .title--aruhi .line--sp2::after {
    left: inherit;
    top: 33px;
  }
}

.title--aruhi .note {
  position: relative;
  top: -9px;
  font-size: 11px;
}

@media screen and (max-width: 768px) {
  .title--aruhi .note {
    top: -6px;
  }
}

.title--sezon {
  color: #0C5CC0;
}

.title--sezon::after {
  position: absolute;
  display: block;
  content: "";
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 2px dotted #000;
}

.title--sezon::after {
  width: 250px;
  border-bottom: 2px dotted #0C5CC0;
}

@media screen and (max-width: 768px) {
  .title--sezon::after {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .txt--st {
    font-size: 14px;
  }
}

.txt--title {
  position: relative;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.088em;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .txt--title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 22px;
  }
}

.txt--title span {
  position: absolute;
  font-size: 11px;
  top: 34px;
}

@media screen and (max-width: 768px) {
  .txt--title span {
    top: 24px;
  }
}

.txt--title .sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .txt--title .sp-only {
    display: block;
  }
}

.txt--note {
  color: var(--color-gray);
  font-size: 11px;
  letter-spacing: 0.064em;
  margin-top: 16px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 1px;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .txt--note {
    margin-top: 6px;
  }
}

.txt--note + .txt--note {
  margin-top: 10px;
}

@media (min-width: 769px) {
  .txt--note + .txt--note {
    margin-top: 4px;
  }
}

.txt--center {
  text-align: center;
}

.txt--news {
  position: relative;
  margin-bottom: 24px;
  font-size: 12px;
  color: #4D5051;
  padding-left: 64px;
  letter-spacing: 0.064em;
}

.txt--news::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  left: 16px;
  top: -6px;
}

.txt--news--aruhi::before {
  background-image: url(/mypage/images/pr_aruhi.png);
}

.txt--news--sezon::before {
  background-image: url(/mypage/images/pr_sezon.png);
}

.btn.btn--close,
.btn.btn--reject {
  display: block;
  font-size: 16px;
  font-weight: bold;
  width: 164px;
  height: auto;
  line-height: 1;
  padding: 16px 0;
  margin: 32px auto;
  background: #FFED66;
  border-radius: 50px;
  text-align: center;
}

@media (min-width: 769px) {
  .btn.btn--close,
  .btn.btn--reject {
    width: 213px;
    padding: 22px 0;
  }
}

.btn.btn--close {
  color: #fff;
  background: transparent;
}

.btn.btn--reject {
  border: none;
}

.block--reject .block_inner {
  padding: 42px 34px 48px;
  margin-top: 24px;
}

@media (min-width: 769px) {
  .block--reject .block_inner {
    margin-top: 16px;
  }
}

.tab .btn,
#cp .modalItem .btn {
  display: block;
  font-size: 16px;
  font-weight: bold;
  width: 213px;
  height: auto;
  line-height: 1;
  padding: 20px 0;
  margin: 48px auto 0;
  background: #FFED66;
  border-radius: 50px;
  border: none;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tab .btn,
  #cp .modalItem .btn {
    margin: 24px auto 0;
    width: 164px;
  }
}

.tab:has(.tab__rd--right:checked) .tab__panelInner {
  padding: 0;
  background-color: #83C2C7 !important;
}

@media (max-width: 768px) {
  .tab__itemInner {
    gap: 0;
  }
}

.tab__itemInner {
  gap: 0;
}

@media (min-width: 769px) {
  .tab__itemInner .appliData__contents:not(:first-child) {
    margin-top: 40px;
    margin-top: 0px;
  }
}

.tab__descTxt {
  font-size: 11px;
}

@media (min-width: 769px) {
  .tab__descTxt {
    font-size: 16px;
  }
}

@media (max-width: 812px) {
  .tab__desc {
    width: calc(100vw - 47px);
  }
}

.loan__head {
  background: #83C2C7;
  padding: 40px 24px 24px;
}

@media (min-width: 769px) {
  .loan__head {
    padding: 48px 0;
  }
}

@media (min-width: 769px) {
  .loan__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.loan__head__title {
  color: #FFFFFF;
  font-weight: bold;
  position: relative;
  padding-left: 33px;
  font-size: 23px;
  letter-spacing: 0.088em;
}

@media (min-width: 769px) {
  .loan__head__title {
    font-size: 29px;
    padding-left: 21px;
  }
}

.loan__head__title::before {
  position: absolute;
  content: "";
  display: block;
  height: 27px;
  width: 9px;
  background: #FFFFFF;
  border-radius: 3px;
  left: 9px;
  top: 7px;
}

@media (min-width: 769px) {
  .loan__head__title::before {
    top: 12px;
    left: 0;
  }
}

.loan__head__text {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.088em;
  margin-top: 12px;
}

@media (min-width: 769px) {
  .loan__head__text {
    font-size: 21px;
  }
}

@media (min-width: 769px) {
  .loan__head__text .sp {
    display: none;
  }
}

.loan__head__text .pc {
  display: none;
}

@media (min-width: 769px) {
  .loan__head__text .pc {
    display: block;
  }
}

@media (min-width: 769px) {
  .loan__pickup {
    padding: 40px 24px;
    border-radius: 8px;
  }
}

.loan__pickup__title {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 27px;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .loan__pickup__title {
    font-size: 21px;
  }
}

.loan__pickup__title::before {
  position: absolute;
  content: "";
  display: block;
  height: 18px;
  width: 14px;
  border-radius: 3px;
  left: 0px;
  top: 4px;
  background-image: url(/mypage/images/icon-pickup.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .loan__pickup__title::before {
    width: 23px;
    height: 30px;
  }
}

.loan__pickup__card {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px;
  margin-top: 12px;
}

@media (min-width: 769px) {
  .loan__pickup__cardbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 769px) {
  .loan__pickup__card {
    max-width: 382px;
    width: 100%;
  }
}

.loan__pickup__card__logo {
  width: 78px;
  margin-left: 12px;
}

.loan__pickup__card__content {
  background: #F2F0F1;
  border-radius: 0 0 14px 14px;
  height: 88px;
}

.loan__pickup__link {
  color: #0E1213;
  display: block;
  text-align: right;
  margin-top: 16px;
  font-size: 12px;
  padding-right: 10px;
  position: relative;
  font-weight: 600;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 0px;
}

.loan__pickup__link::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/arw_green.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  top: 0;
  bottom: 0;
  right: -7px;
  margin: auto;
}

.loan__checkbox {
  background: #83C2C7;
  padding: 40px 24px 16px;
}

@media (min-width: 769px) {
  .loan__checkbox {
    padding: 48px 0 16px;
  }
}

.casebox {
  border-radius: 8px;
  position: relative;
}

@media (min-width: 769px) {
  .casebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
  }
}

.casebox__head {
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px 8px 0 0;
}

@media (min-width: 769px) {
  .casebox__head {
    border-radius: 8px 0 0 8px;
    width: 50%;
    padding: 24px 40px 24px 24px;
  }
}

.casebox__head__icon {
  position: absolute;
  background: #49C3CC;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  line-height: 18px;
  right: -11px;
  top: -14px;
  -webkit-box-shadow: 0 0 24px rgba(19, 64, 75, 0.16);
  box-shadow: 0 0 24px rgba(19, 64, 75, 0.16);
}

@media (min-width: 769px) {
  .casebox__head__icon {
    right: 9px;
    top: -24px;
  }
}

.casebox__head__icon .num-month {
  display: block;
}

.casebox__head__icon .num {
  font-size: 24px;
}

@media (min-width: 769px) {
  .casebox__head__icon .num {
    font-size: 26px;
  }
}

.casebox__head__icon .month {
  font-size: 11px;
}

.casebox__head__icon .update {
  font-size: 11px;
  display: block;
  line-height: 1;
}

.casebox__head__title {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .casebox__head__title {
    font-size: 18px;
    letter-spacing: 0.088em;
    padding-left: 54px;
  }
}

.casebox__head__title::before {
  position: absolute;
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  background: #FFFFFF;
  left: 0px;
  top: 0px;
  background-image: url(/mypage/images/icon-search.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .casebox__head__title::before {
    height: 40px;
    width: 40px;
    left: 1px;
  }
}

.casebox__head__text {
  font-size: 12px;
  margin-top: 21px;
  padding-top: 18px;
  border-top: 4px solid #F2F0F1;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .casebox__head__text {
    font-size: 16px;
  }
}

.casebox__select {
  background: #4FACB3;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0 8px 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .casebox__select {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 30px;
    border-radius: 0 8px 8px 0;
    width: 50%;
    padding: 44px 40px;
  }
}

@media (min-width: 769px) {
  .casebox__select .selectbox {
    padding-left: 5px;
    font-weight: bold;
  }
}

.casebox__select__btn {
  background: #FFFFFF;
  color: #3B9CA3;
  font-weight: bold;
  width: 92px;
  height: 39px;
  text-align: center;
  padding: 12px 0;
  border-radius: 20px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

@media (min-width: 769px) {
  .casebox__select__btn {
    width: 116px;
    font-size: 16px;
  }
}

.selectbox__text {
  position: relative;
  font-size: 13px;
  padding-left: 14px;
  margin-top: 6px;
  font-weight: bold;
}

.selectbox__text span {
  font-size: 14px;
}

.selectbox__text .dots {
  color: #707070;
}

@media (min-width: 769px) {
  .selectbox__text .dots {
    font-size: 16px;
  }
}

@media (min-width: 769px) {
  .selectbox__text {
    font-size: 16px;
    margin-top: 8px;
  }
}

.selectbox__text::before {
  position: absolute;
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  left: -4px;
  top: 7px;
  background-image: url(/mypage/images/icon-check.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .selectbox__text::before {
    top: 9px;
    height: 16px;
    width: 16px;
    left: -8px;
  }
}

.selectbox p {
  position: relative;
}

.selectbox p .selectText {
  color: #FFFFFF;
  border-bottom: 2px dashed #FFFFFF;
  font-weight: bold;
  letter-spacing: 0.065em;
}

@media (min-width: 769px) {
  .selectbox p .selectText {
    font-size: 18px;
    letter-spacing: 0.088em;
  }
}

@media (min-width: 769px) {
  .selectbox p:first-child {
    margin-top: 0;
  }
}

.hensaicasebox {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 53px;
  padding: 24px 32px;
  border-radius: 20px;
  border: 2px solid #FFFFFF;
}

@media (min-width: 769px) {
  .hensaicasebox {
    gap: 0 134px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 24px 56px;
    margin-bottom: 48px;
  }
}

@media (min-width: 769px) {
  .hensaicasebox__l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 17px;
  }
}

.hensaicasebox__l .icon--hensai {
  width: 32px;
  height: 32px;
  margin: auto;
}

@media (min-width: 769px) {
  .hensaicasebox__l .icon--hensai {
    width: 40px;
    height: 40px;
  }
}

.hensaicasebox__l p {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 12px;
}

@media (min-width: 769px) {
  .hensaicasebox__l p {
    font-size: 18px;
  }
}

@media (min-width: 769px) {
  .hensaicasebox__r {
    width: 280px;
  }
}

.hensaicasebox__r li {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 769px) {
  .hensaicasebox__r li {
    display: inline-block;
    font-size: 16px;
  }
}

.bankcard {
  background: #FFFFFF;
  position: relative;
}

@media (min-width: 769px) {
  .bankcard {
    gap: 0 46px;
  }
}

.bankcard:first-child .kinrimain {
  position: relative;
}

.bankcard:first-child .kinrimain::before {
  position: absolute;
  content: "";
  display: block;
  height: 28px;
  width: 19px;
  left: 0;
  top: -39px;
  background-image: url(/mypage/images/icon-rank1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .bankcard:first-child .kinrimain::before {
    left: -231px;
    top: -7px;
  }
}

.bankcard__more__label {
  line-height: 1;
}

@media (max-width: 768px) {
  .bankcard__more__label {
    width: calc(100% - 32px);
    margin: auto;
    padding: 12px 2em 12px 16px;
  }
}

.bankcard__more__label::after {
  top: -2px;
}

@media (max-width: 768px) {
  .bankcard__more__label::after {
    right: 4px;
  }
}

@media (max-width: 768px) {
  .bankcard__more__label::before {
    left: 0;
  }
}

.bankcard.bankcard:nth-child(2) .kinrimain {
  position: relative;
}

.bankcard.bankcard:nth-child(2) .kinrimain::before {
  position: absolute;
  display: block;
  height: 28px;
  width: 19px;
  left: 0;
  top: -39px;
  content: "2";
  padding-top: 7px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  background-image: url(/mypage/images/icon-rank2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .bankcard.bankcard:nth-child(2) .kinrimain::before {
    left: -231px;
    top: -7px;
  }
}

.bankcard.bankcard:nth-child(3) .kinrimain {
  position: relative;
}

.bankcard.bankcard:nth-child(3) .kinrimain::before {
  position: absolute;
  display: block;
  height: 28px;
  width: 19px;
  left: 0;
  top: -39px;
  content: "3";
  padding-top: 7px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  background-image: url(/mypage/images/icon-rank3.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .bankcard.bankcard:nth-child(3) .kinrimain::before {
    left: -231px;
    top: -7px;
  }
}

.bankcard__head {
  padding: 5px 16px 0;
}

@media (min-width: 769px) {
  .bankcard__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 21px;
  }
}

.bankcard__btnbox {
  background: #FFED65;
  border-radius: 0 0 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 769px) {
  .bankcard__btnbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: none;
    gap: 12px 0;
    width: 152px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.bankcard__btnbox__btnl, .bankcard__btnbox__btnr {
  color: #0E1213;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  display: block;
  width: 50%;
  text-align: center;
  padding: 20px 0;
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnl, .bankcard__btnbox__btnr {
    border-radius: 50px;
    width: 100%;
    font-size: 14px;
  }
}

.bankcard__btnbox__btnl::after, .bankcard__btnbox__btnr::after {
  position: absolute;
  display: block;
  content: "";
  top: 25px;
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnl::after, .bankcard__btnbox__btnr::after {
    display: none;
  }
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnl {
    border: solid #A69FA2 1px;
    padding: 9px 0;
  }
}

.bankcard__btnbox__btnl::after {
  width: 8px;
  height: 12px;
  background-image: url(/mypage/images/icon-btnl.png);
  background-size: cover;
  right: 27px;
}

@media screen and (min-width: 769px) {
  .bankcard__btnbox__btnl::after {
    right: 142px;
    top: 26px;
  }
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnl::after {
    display: none;
  }
}

.bankcard__btnbox__btnr {
  padding-right: 32px;
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnr {
    background: #FFED66;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 9px 0;
  }
}

.bankcard__btnbox__btnr::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 13px;
  background: rgba(14, 18, 19, 0.6);
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (min-width: 769px) {
  .bankcard__btnbox__btnr::before {
    display: none;
  }
}

.bankcard__btnbox__btnr::after {
  width: 16px;
  height: 16px;
  background-image: url(/mypage/images/icon-btnr.png);
  background-size: cover;
  right: 37px;
}

@media screen and (min-width: 769px) {
  .bankcard__btnbox__btnr::after {
    right: 152px;
    top: 24px;
  }
}

.bankcard .banklogo {
  width: 102px;
  position: relative;
  padding-left: 20px;
  margin-top: 6px;
  margin-left: 8px;
}

@media (min-width: 769px) {
  .bankcard .banklogo {
    width: 147px;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
  }
}

.bankcard .banklogo::before {
  position: absolute;
  background: #4FACB3;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  line-height: 18px;
  right: -21px;
  top: -31px;
}

.bankcard .kinrimain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6px;
  border-top: 4px solid #F2F0F1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .bankcard .kinrimain {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 10px;
    border-top: 0;
    width: 390px;
  }
}

.bankcard .text-type {
  background: #F2F0F1;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.064em;
  text-align: center;
  border-radius: 3px;
  width: 36px;
  height: 36px;
  line-height: 14px;
  padding-top: 3px;
}

@media (min-width: 769px) {
  .bankcard .text-type {
    width: 41px;
    height: 47px;
    padding-top: 9px;
  }
}

.bankcard .num-kinri {
  font-size: 44px;
  color: #FC5C51;
  font-weight: bold;
  position: relative;
  margin-right: 4px;
}

@media (min-width: 769px) {
  .bankcard .num-kinri {
    font-size: 62px;
  }
}

.bankcard .num-kinri::after {
  position: absolute;
  display: block;
  content: "~";
  font-size: 31px;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
  border-radius: 50px;
  right: -21px;
  top: 3px;
  color: #0e1213;
}

@media (min-width: 769px) {
  .bankcard .num-kinri::after {
    right: -19px;
    top: 21px;
    font-weight: normal;
    font-family: serif;
  }
}

.bankcard .text-hensai {
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

@media (min-width: 769px) {
  .bankcard .text-hensai {
    border-left: 1px solid #CCCACB;
    margin-left: 6px;
    padding-left: 16px;
    text-align: left;
    letter-spacing: 4px;
    padding-top: 14px;
  }
}

.bankcard .innertext-hensai {
  font-size: 11px;
  font-weight: bold;
  color: #F53D31;
  letter-spacing: 1px;
}

.bankcard .num-hensai {
  font-size: 14px;
}

@media (min-width: 769px) {
  .bankcard .num-hensai {
    font-size: 26px;
    letter-spacing: 1px;
  }
}

.bankcard .hide {
  display: none;
}

.bankcard:not(:nth-child(-n+3)) .banklogo {
  padding-left: 0;
  margin-left: 0;
}

.bankcard:has(.hosho_p) .kinrimain {
  position: relative;
}

.bankcard:has(.hosho_p) .kinrimain::after {
  content: "";
  display: block;
  width: 70px;
  height: 12px;
  background: url(/mypage/images/img-hosho.png);
  background-size: cover;
  position: absolute;
  top: -29px;
  right: 8px;
}

@media (min-width: 769px) {
  .bankcard:has(.hosho_p) .kinrimain::after {
    top: 99px;
    right: inherit;
    left: -204px;
    width: 65px;
    height: 11px;
    background: url(/mypage/images/img-hosho-pc.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.bankcard__detail {
  position: relative;
  border-top: 0;
}

@media (max-width: 768px) {
  .bankcard__detail::before {
    width: calc(100% - 32px);
    margin: auto;
    height: 1px;
    background: #e7eaeb;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
  }
  .bankcard__detail::after {
    width: calc(100% - 32px);
    margin: auto;
    height: 1px;
    background: #e7eaeb;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
}

@media (min-width: 769px) {
  .bankcard__detail {
    top: -4px;
  }
}

@media (max-width: 768px) {
  .bankcard__more {
    border-top: 0;
  }
}

.bankcard__detail:not(:has(.banklist__product)) {
  padding: 12px 16px 10px;
}

@media (min-width: 769px) {
  .bankcard__detail:not(:has(.banklist__product)) {
    padding: 0 0 0;
  }
}

.btn--gray {
  background: none;
  border: 1px solid #A69FA2;
  width: 214px;
  color: #FFFFFF;
}

.hensaitxt .label--gray {
  width: 62px;
}

@media (min-width: 769px) {
  .hensaitxt .label--gray {
    margin-top: 8px;
  }
}

.label--gray {
  width: 62px;
  display: inline-block;
  color: #333333;
}

@media (min-width: 769px) {
  .modalItem:has(.modal__selectbox) {
    padding: 80px;
  }
}

.modalItem__title {
  width: 238px;
  margin: auto;
}

@media (min-width: 769px) {
  .modalItem__contents:has(.modal__selectbox) {
    width: 100%;
  }
}

.modal__selectbox {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  margin-top: 12px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 769px) {
  .modal__selectbox {
    padding: 24px 24px 32px;
    margin-top: 48px;
  }
}

@media screen and (min-width: 769px) {
  .modal__selectbox:has(.modal__selectbox__title1) {
    margin-top: 40px;
  }
}

.modal__selectbox .modal__selectbox__title {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.064em;
  position: relative;
  padding-left: 44px;
}

@media (min-width: 769px) {
  .modal__selectbox .modal__selectbox__title {
    font-size: 18px;
  }
}

.modal__selectbox .modal__selectbox__title::before {
  position: absolute;
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  left: 0px;
  top: -2px;
}

.modal__selectbox .modal__selectbox__title.modal__selectbox__title1::before {
  background-image: url(/mypage/images/icon-select1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.modal__selectbox .modal__selectbox__title.modal__selectbox__title2::before {
  background-image: url(/mypage/images/icon-select2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.modal__selectbox .modal__selectbox__title.modal__selectbox__title3::before {
  background-image: url(/mypage/images/icon-select3.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: -6px;
}

@media (min-width: 769px) {
  .modal__selectbox .modal__selectbox__title.modal__selectbox__title3::before {
    top: 0;
  }
}

.modal__selectbox .modal__selectbox__title.modal__selectbox__title3 + .selectbox__select select {
  position: relative;
  text-align: left;
  padding: 8px 38px 8px 8px;
  color: #0e1213;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 40%;
  text-indent: 2em;
  direction: rtl;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  appearance: none;
  font-size: 1rem;
  line-height: 1;
  padding-right: 32px;
  font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.125rem;
}

@media (min-width: 769px) {
  .modal__selectbox .modal__selectbox__title.modal__selectbox__title3 + .selectbox__select select {
    font-weight: bold;
    height: 58px;
    width: 300px;
    text-align: start;
    padding-right: 11px;
    font-size: 16px;
  }
}

.modal__selectbox .modal__selectbox__title.modal__selectbox__title3 + .selectbox__select select::after {
  display: block;
  position: absolute;
  top: 42%;
  right: 0.9em;
  width: 11px;
  height: 11px;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0E1213;
  pointer-events: none;
}

.modal__selectbox__select {
  border-top: 1px solid #CCCACB;
  margin-top: 16px;
  padding-top: 24px;
  font-size: 14px;
  position: relative;
  padding-left: 52px;
}

@media (min-width: 769px) {
  .modal__selectbox__select {
    font-size: 16px;
  }
}

.modal__selectbox__select::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50px;
  border: 5px solid #CCCACB;
  height: 24px;
  width: 24px;
  left: 6px;
  top: 35px;
}

@media screen and (min-width: 769px) {
  .modal__selectbox__select::before {
    top: 24px;
  }
}

.modal__selectbox__select.checkon ::after {
  position: absolute;
  content: "";
  display: block;
  background: #000000;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  left: 14px;
  top: 43px;
}

@media screen and (min-width: 769px) {
  .modal__selectbox__select.checkon ::after {
    top: 32px;
  }
}

.modal__selectbox__select span {
  font-weight: bold;
}

.modal__selectbox .selectbox__select {
  border-top: 1px solid #CCCACB;
  margin-top: 16px;
  padding-top: 24px;
  font-size: 14px;
  position: relative;
  padding-left: 52px;
}

.modal__selectbox .selectbox__select::before {
  position: absolute;
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  left: 6px;
  top: 26px;
  background-image: url(/mypage/images/arw-select.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .modal__selectbox .selectbox__select::before {
    top: 37px;
  }
}

.selectbox__select:has(#prefecture) {
  text-align: left;
  padding-left: 49px;
  padding-top: 20px;
}

@media (min-width: 769px) {
  #prefecture {
    text-align: left;
  }
}

@media (min-width: 769px) {
  #prefecture::after {
    display: none;
  }
}

@media (min-width: 769px) {
  .modalItem.simcontainer {
    padding: 80px;
  }
}

@media (min-width: 769px) {
  .modalItem.simcontainer .modalItem__contents {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .modalItem.simcontainer .input-item {
    padding: 32px 48px;
  }
}

@media (min-width: 769px) {
  .modalItem.simcontainer .select-wrap {
    width: 100%;
  }
}

.modal-cp .modal_title {
  text-align: center;
}

.modal-cp .modal_title .inner {
  display: inline;
  color: #0E1213;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.024em;
  font-weight: bold;
  border-bottom: 1px dashed #0E1213;
}

.modal-cp .modal_img {
  width: 155px;
  margin: 30px auto 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

@media screen and (min-width: 769px) {
  .modal-cp .modal_img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-top: 48px;
  }
}

.modal-cp .modal_text-main {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.064em;
  margin-top: 32px;
}

.modal-cp .modal_text-main .line {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #FFED66), color-stop(40%, transparent));
  background: -o-linear-gradient(bottom, #FFED66 40%, transparent 40%);
  background: linear-gradient(to top, #FFED66 40%, transparent 40%);
}

.modal-cp .modal_text-main .note {
  font-size: 11px;
  position: relative;
  top: -8px;
}

.modal-cp .modal_text-note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 11px;
  margin-top: 14px;
}

.modal-cp .check_cp {
  width: 130px;
  margin: 36px auto 0;
}

.modal-cp .check_cp label {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  top: -16px;
  padding-left: 6px;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .modal-cp .check_cp label {
    top: 0;
  }
}

.modal-cp .check_cp label span {
  font-size: 11px;
  position: relative;
  top: -8px;
}

.modal-cp .check_cp label ::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  border: 1px solid #CCCACB;
  border-radius: 5px;
  position: absolute;
  left: -152px;
  top: -1px;
  bottom: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .modal-cp .check_cp label ::before {
    width: 30px;
    height: 30px;
    left: -150px;
    top: -2px;
  }
}

.modal-cp .check_cp input {
  display: none;
}

.modal-cp .check_cp input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  width: 17px;
  height: 15px;
  background: url(/mypage/images/ico_list_01.png) no-repeat left top/contain;
  position: absolute;
  top: 17px;
  left: -150px;
  right: 0;
  margin: auto;
  -webkit-transform: translate(-6px, -50%);
  -ms-transform: translate(-6px, -50%);
  transform: translate(-6px, -50%);
}

.modal-cp .check_cp .txt-sub {
  font-size: 11px;
  font-weight: normal;
}

.modal-cp .check_cp .txt-sub::before {
  display: none;
}

.modal-cp .list li {
  display: inline-block;
  padding-left: 10px;
  font-size: 11px;
}

.modal-area.modal-area-cp {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  overflow: auto;
}

.modal-area.modal-area-cp .modal-inner-wrap {
  width: 100%;
  margin: 24px auto 40px;
  position: relative;
  z-index: 10001;
}

.modal-area.modal-area-cp .modal-inner-wrap .btn.close {
  width: 130px;
  margin: 40px auto 0;
  padding: 12px 0;
  border: solid 1px #FFFFFF;
  border-radius: 9999px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.25;
  letter-spacing: 0.024em;
  cursor: pointer;
}

.modal-area.modal-area-cp .btnbox {
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .modal-area.modal-area-cp .btnbox {
    margin-top: 48px;
  }
}

.modal-area.modal-area-cp .modal-box {
  width: 100%;
  max-width: 826px;
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 auto;
  padding: 40px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .modal-area.modal-area-cp .modal-box {
    padding: 80px;
  }
}

.modal-area.modal-area-cp .modal-box .close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.modal-area.modal-area-cp .modal-box .modal-ttl {
  text-align: center;
}

.modal-area.modal-area-cp .modal-box .modal-ttl p {
  display: inline;
  color: #0E1213;
  font-size: 24px;
  border-bottom: 1px dashed #0E1213;
  line-height: 36px;
  letter-spacing: 0.024em;
  font-weight: bold;
}

.modal-area.modal-area-cp .modal-box .modal-check {
  margin-top: 24px;
  font-size: 16px;
  line-height: 28.8px;
  letter-spacing: 0.024em;
  position: relative;
}

.modal-area.modal-area-cp .modal-box .modal-check .bold {
  font-weight: bold;
}

.modal-area.modal-area-cp .modal-box .btnbox .btn {
  width: 206px;
  margin: 0 auto;
  background: #0CA26C;
  border: 0;
  padding: 15px 0;
  line-height: 1.5;
  height: 58px;
}

@media screen and (min-width: 769px) {
  .modal-area.modal-area-cp .modal-box .btnbox .btn {
    width: 200px;
    font-size: 17px;
    height: 59px;
  }
}

.modal-area.modal-area-cp .modal-box .btnbox .modal_btn2 {
  line-height: 19px;
}

.modal-area.modal-area-cp .overlay {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  background: #4A4A4A;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: fixed;
  top: 0;
  left: 0;
}

.tab:has(.tab__rd--left:checked) .tab__panelInner {
  background: #9BCCB5;
  padding: 48px 0 0;
}

.tab:has(.tab__rd--left:checked) .tab__panelInner .content p {
  font-size: 12px;
}

.tabset1,
.tabset2,
.tabset3 {
  padding: 0 24px 24px;
}

@media (min-width: 769px) {
  .tabset1,
  .tabset2,
  .tabset3 {
    padding: 0 0 24px;
  }
}

.tabset1 {
  padding: 24px 24px 64px;
}

@media (min-width: 769px) {
  .tabset1 {
    padding: 0 0 48px;
  }
}

.tabset2 {
  padding: 40px 24px;
  background: #69B893;
}

.tabset2 .loan__pickup {
  padding: 0;
  background: #69B893;
}

.content--top {
  margin-top: 24px;
  padding: 48px 24px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

@media (min-width: 769px) {
  .content--top {
    padding: 56px 24px;
  }
}

@media (min-width: 769px) {
  .text--content--top {
    text-align: center;
    font-size: 16px !important;
  }
}

.tabtitle {
  font-size: 23px;
  padding-left: 13px;
  border-left: 8px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .tabtitle {
    font-size: 29px;
  }
}

.tabtitle--dandori {
  font-size: 23px;
  padding-left: 13px;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 0.064em;
  position: relative;
  border-left: 8px solid #FFFFFF;
}

@media (min-width: 769px) {
  .tabtitle--dandori {
    font-size: 29px;
    border: 0;
  }
}

@media (min-width: 769px) {
  .tabtitle--dandori::before {
    position: absolute;
    display: block;
    content: "";
    width: 11px;
    height: 33px;
    border-radius: 2px;
    background-color: #FFFFFF;
    left: -2px;
    top: 4px;
    bottom: 0;
    margin: auto;
  }
}

.img-suumo {
  display: block;
  margin: 32px auto;
  width: 194px;
}

@media (min-width: 769px) {
  .img-suumo {
    width: 243px;
    height: 80px;
    margin: 76px 57px 32px;
  }
}

.text--serif {
  background: #E6EDF0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.064em;
  width: 260px;
  margin: auto;
  position: relative;
  padding: 22px 24px 19px;
  border-radius: 16px;
}

.text--serif::after {
  content: "";
  display: block;
  width: 12px;
  height: 13px;
  background: url(/mypage/images/arw-gray.png);
  background-size: cover;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: auto;
}

.text--search {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .yosancardbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.yosancard,
.yosancard3 {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 16px;
  padding: 16px;
  margin-top: 24px;
}

@media (min-width: 769px) {
  .yosancard,
  .yosancard3 {
    max-width: 224px;
    width: 100%;
    margin-top: 40px;
  }
}

.yosancard__box,
.yosancard3__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}

@media (min-width: 769px) {
  .yosancard__box,
  .yosancard3__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.yosancard__kariire, .yosancard__kinri, .yosancard__other,
.yosancard3__kariire,
.yosancard3__kinri,
.yosancard3__other {
  font-size: 13px;
  font-weight: bold;
  position: relative;
  line-height: 32px;
  padding-left: 20px;
}

@media (min-width: 769px) {
  .yosancard__kariire, .yosancard__kinri, .yosancard__other,
  .yosancard3__kariire,
  .yosancard3__kinri,
  .yosancard3__other {
    padding-left: 0;
  }
}

.yosancard__kariire::after, .yosancard__kinri::after, .yosancard__other::after,
.yosancard3__kariire::after,
.yosancard3__kinri::after,
.yosancard3__other::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(/mypage/images/icon-checklist.png);
  background-size: cover;
  position: absolute;
  top: 10px;
  left: 0;
}

@media (min-width: 769px) {
  .yosancard__kariire::after,
  .yosancard3__kariire::after {
    left: 19px;
  }
}

.yosancard__other,
.yosancard3__other {
  line-height: 23px;
}

@media (min-width: 769px) {
  .yosancard__other,
  .yosancard3__other {
    line-height: 12px;
    text-align: center;
    margin-top: 20px;
  }
}

@media (min-width: 769px) {
  .yosancard__other::after,
  .yosancard3__other::after {
    display: none;
  }
}

.yosancard__other::after,
.yosancard3__other::after {
  top: 7px;
}

.yosancard__other .text1,
.yosancard3__other .text1 {
  font-size: 20px;
  margin: 0 3px;
}

.yosancard__other .line,
.yosancard3__other .line {
  display: block;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 3px dotted #0E1213;
}

@media (min-width: 769px) {
  .yosancard__other .line,
  .yosancard3__other .line {
    border-top: 0;
  }
}

.yosancard__kariire .text1,
.yosancard3__kariire .text1 {
  font-size: 40px;
}

.yosancard__kariire .text2,
.yosancard3__kariire .text2 {
  font-size: 16px;
}

@media (min-width: 769px) {
  .yosancard__kariire,
  .yosancard3__kariire {
    text-align: center;
    width: 145px;
  }
}

@media (min-width: 769px) {
  .yosancard__kinri::after,
  .yosancard3__kinri::after {
    left: 30px;
  }
}

.yosancard__kinri .text1,
.yosancard3__kinri .text1 {
  font-size: 40px;
}

.yosancard__kinri .text2,
.yosancard3__kinri .text2 {
  font-size: 16px;
}

@media (min-width: 769px) {
  .yosancard__kinri,
  .yosancard3__kinri {
    text-align: center;
  }
}

.yosancard__btn,
.yosancard3__btn {
  background: #000000;
  color: #FFFFFF;
  border-radius: 16px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.064em;
  width: 64px;
  position: relative;
  text-align: center;
  padding: 5px;
  padding-right: 9px;
  cursor: pointer;
}

.yosancard__btn::after,
.yosancard3__btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 11px;
  top: 0;
  -webkit-transform: translateY(1px) rotate(-45deg);
  -ms-transform: translateY(1px) rotate(-45deg);
  transform: translateY(1px) rotate(-45deg);
  margin: auto;
}

@media (min-width: 769px) {
  .yosancard__btn::after,
  .yosancard3__btn::after {
    right: 15px;
  }
}

.yosancard__text,
.yosancard3__text {
  border-radius: 4px;
  background: #CEECF5;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.064em;
  text-align: center;
  padding: 3px 0;
}

.yosancard__text br,
.yosancard3__text br {
  display: none;
}

@media (min-width: 769px) {
  .yosancard__text,
  .yosancard3__text {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  .yosancard__text br,
  .yosancard3__text br {
    display: block;
  }
}

@media (min-width: 769px) {
  .yosancard .yosancard__btn,
  .yosancard3 .yosancard__btn {
    margin-top: 14px;
    padding-right: 16px;
  }
}

.yosancard3 {
  background: #F4F6F8;
}

@media (min-width: 769px) {
  .yosancard3 {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 16px 16px 24px;
  }
}

@media (min-width: 769px) {
  .yosancard3 .yosancard__box {
    margin-top: 30px;
  }
}

.yosancard3 .yosancard__text {
  display: none;
}

@media (min-width: 769px) {
  .yosancard3 .yosancard__text {
    display: block;
    background: #E6E9EB;
  }
}

@media (min-width: 769px) {
  .yosancard3 .yosancard__btn {
    margin-top: 24px;
  }
}

.hensaibox {
  border: 4px solid #FFED66;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
  padding-left: 35px;
}

@media (min-width: 769px) {
  .hensaibox {
    margin-top: 32px;
    border: 8px solid #FFED66;
  }
}

.hensaibox .hensaibox__textl {
  font-size: 13px;
  font-weight: bold;
  position: relative;
}

@media (min-width: 769px) {
  .hensaibox .hensaibox__textl {
    font-size: 18px;
  }
}

.hensaibox .hensaibox__textl::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(/mypage/images/icon-coin.png);
  background-size: cover;
  position: absolute;
  top: 0px;
  left: -25px;
}

@media (min-width: 769px) {
  .hensaibox .hensaibox__textl::before {
    width: 25px;
    height: 25px;
    left: -36px;
    top: 3px;
  }
}

.hensaibox .hensaibox__textr {
  font-size: 12px;
  font-weight: bold;
  position: relative;
}

.hensaibox .hensaibox__textr span {
  font-size: 40px;
  color: #FC5C51;
}

@media (min-width: 769px) {
  .boxrestnote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px;
  }
}

@media (min-width: 769px) {
  .boxrestnote .notetext {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 608px;
  }
}

.reset {
  background: #000000;
  color: #FFFFFF;
  border-radius: 16px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.064em;
  width: 87px;
  position: relative;
  text-align: center;
  padding: 5px;
  padding-right: 14px;
  margin-left: auto;
  margin-top: 16px;
  cursor: pointer;
}

@media (min-width: 769px) {
  .reset {
    margin-top: 0;
    padding-right: 16px;
  }
}

.reset::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 7px;
  top: 1px;
  background: url(/mypage/images/icon-reset.png);
  background-size: cover;
  margin: auto;
}

@media (min-width: 769px) {
  .reset::after {
    right: 11px;
    top: 3px;
  }
}

.box--hikaku {
  background: #FFED66;
  cursor: pointer;
}

@media (min-width: 769px) {
  .box--hikaku {
    max-height: 61px;
  }
}

.box--hikaku p {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.064em;
  display: block;
  padding: 24px 0;
  text-align: center;
  position: relative;
}

.box--hikaku p::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 38px;
  margin: auto;
}

@media (min-width: 769px) {
  #cpfooter {
    max-height: 61px;
  }
}

.bnr--cp {
  margin-top: 16px;
  display: block;
}

.simcontainer .select-wrap {
  position: relative;
  border: 1px solid #CCCACB;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin-top: 30px;
}

@media screen and (min-width: 769px) {
  .simcontainer .select-wrap {
    height: 58px;
    width: 300px;
    margin: 20px auto 0;
  }
}

.simcontainer .select-wrap::before,
.wedding-container .select-wrap::before {
  position: absolute;
  top: 42%;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0E1213;
  pointer-events: none;
}

.simcontainer .select-wrap select {
  padding: 8px 38px 8px 8px;
  color: #0e1213;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 40%;
  text-indent: 2em;
  direction: rtl;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  appearance: none;
  font-size: 1rem;
  line-height: 1;
  padding-right: 32px;
  font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.125rem;
}

.simcontainer .select-wrap.entered select {
  border-color: #CCCACB;
  color: #0E1213;
}

.simcontainer .input-item {
  margin-bottom: 32px;
}

#sim1 .simcontainer .input-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-shadow: 0px 4px 24px rgba(14, 18, 19, 0.12);
  box-shadow: 0px 4px 24px rgba(14, 18, 19, 0.12);
  background: #FFFFFF;
  border-radius: 16px;
  padding: 16px;
}

@media (min-width: 769px) {
  #sim1 .simcontainer .input-item {
    padding: 32px 48px;
  }
}

#sim1 .select-wrap {
  margin-top: 0;
}

@media (min-width: 769px) {
  #sim3 .input-item {
    padding: 0;
  }
  #sim3 .input-item .selectWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #sim3 .input-item .selectWrap .select-wrap,
  #sim3 .input-item .selectWrap .radio-wrap {
    max-width: 276px;
    margin-right: 0;
    margin-top: 0;
  }
  #sim3 .input-item .selectWrap .select-wrap .radio-label,
  #sim3 .input-item .selectWrap .radio-wrap .radio-label {
    margin-top: 0;
  }
  #sim3 .selectWrap {
    padding: 24px 16px;
  }
}

.simcontainer .form-label,
.simcontainer .radio-ttl,
.simcontainer .total-ttl {
  position: relative;
  padding-left: 14px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 1.25;
}

.changebtnbox .changebtnbox_item {
  border-top: 1px solid #CCCACB;
  margin-top: 16px;
  padding-top: 24px;
  font-size: 14px;
  position: relative;
  padding-left: 52px;
}

@media (min-width: 769px) {
  .changebtnbox .changebtnbox_item {
    font-size: 16px;
  }
}

.changebtnbox .changebtnbox_item::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50px;
  border: 5px solid #CCCACB;
  height: 24px;
  width: 24px;
  left: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px);
}

.changebtnbox .changebtnbox_item.checked::after {
  position: absolute;
  content: "";
  display: block;
  background: #000000;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  left: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px);
}

.simcontainer .radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
}

.simcontainer .radio-wrap input {
  display: none;
}

.simcontainer .radio-wrap .radio-label {
  font-size: 0.875rem;
  padding: 13px 20px;
  display: inline-block;
  text-align: center;
  border: 1px solid #CCCACB !important;
  border-radius: 6px;
  border-radius: 9999px;
  line-height: 1;
  color: #0E1213;
  font-weight: bold;
  width: calc(100% / 2 - 10px);
  padding: 13px 20px;
  position: relative;
  margin-top: 20px;
}

.simcontainer .radio-wrap .radiobtn:checked + label::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  background-image: url(/mypage/images/ico_input.png);
  width: 20px;
  height: 20px;
}

.simboxlist {
  margin-top: 24px;
}

.simboxlist li {
  padding: 14px 0 14px 45px;
  position: relative;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  border-top: 1px solid gray;
  font-size: 14px;
  font-weight: normal;
}

.simboxlist li span {
  margin-right: 12px;
}

.simboxlist li .bankkinri {
  font-size: 16px;
  font-weight: bold;
  margin-right: 0;
}

.simboxlist li::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50px;
  border: 5px solid #CCCACB;
  height: 24px;
  width: 24px;
  left: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

.simboxlist li.checkon::after {
  position: absolute;
  content: "";
  display: block;
  background: #000000;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  left: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

.footertextbox {
  padding: 0 24px 24px;
}

@media (min-width: 769px) {
  .footertextbox {
    padding-bottom: 0;
    padding: 0;
  }
}

.footertextbox p {
  text-indent: -1px;
  padding-left: 1px;
  font-size: 11px;
  letter-spacing: 0.064em;
  color: #4D5051;
}

.footer__navItem a {
  color: #4D5051;
}

.footer__navItem a::after {
  border-top: solid 2px #4D5051;
  border-right: solid 2px #4D5051;
}

.block--progress {
  padding: 24px 24px 24px;
}

@media (min-width: 769px) {
  .block--progress {
    max-width: 832px;
    margin: 0 auto;
    padding: 24px 0;
  }
}

.block--progress__title {
  position: relative;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 0.088em;
  padding-left: 18px;
}

.block--progress__title::before {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 24px;
  background: #0E1213;
  top: 8px;
  left: 0;
  border-radius: 3px;
}

.block__inner--progress {
  background-color: #fff;
  border-radius: 16px;
  padding: 42px 24px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .block__inner--progress {
    padding: 75px 160px 80px;
  }
}

.block__inner--progress .profit {
  padding: 10px 0 14px 0;
}

.block__inner--progress .profit::before, .block__inner--progress .profit::after {
  display: none;
}

.block__inner__item--progress2 {
  border-top: 4px dotted #707070;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .block__inner__item--progress2 {
    padding-top: 30px;
  }
}

.block__inner__title--progress1,
.block__inner__title--progress2 {
  position: relative;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.024em;
  margin-top: 65px;
}

.block__inner__title--progress1::before,
.block__inner__title--progress2::before {
  position: absolute;
  content: "01";
  display: block;
  text-align: center;
  width: 36px;
  height: 36px;
  font-size: 19px;
  font-weight: bold;
  font-family: lato;
  top: -39px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #CCCACB;
  border-radius: 50px;
}

@media (min-width: 769px) {
  .block__inner__title--progress1::before,
  .block__inner__title--progress2::before {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    top: -53px;
  }
}

.block__inner__title--progress1 span,
.block__inner__title--progress2 span {
  font-size: 13px;
  letter-spacing: 0.256em;
}

.block__inner__title--progress2 {
  margin-top: 80px;
}

.block__inner__title--progress2::before {
  content: "02";
}

@media (min-width: 769px) {
  .progressblock__img {
    width: 232px;
    margin: auto;
  }
}

.progressblock__text {
  margin-top: 32px;
  font-size: 16px;
  letter-spacing: 0.024em;
}

.progressblock__text span {
  font-weight: bold;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #FFED66), color-stop(40%, transparent));
  background: -o-linear-gradient(bottom, #FFED66 40%, transparent 40%);
  background: linear-gradient(to top, #FFED66 40%, transparent 40%);
}

#sim1 .btn--gray,
#sim2 .btn--gray,
#sim3 .btn--gray {
  background: #FFED66;
  border: none;
  width: 214px;
  color: #0e1213;
  font-size: 16px;
  font-weight: bold;
}

.modalItem__contents__simtitle {
  width: 238px;
  margin: 0 auto 16px;
}

@media (min-width: 769px) {
  .modalItem__contents__simtitle {
    width: 340px;
    margin: 0 auto 40px;
  }
}

.modalItem__contents__simnote {
  font-size: 11px;
  text-indent: -1em;
  padding-left: 1em;
  color: gray;
  margin: 24px auto 0;
}

@media (min-width: 769px) {
  .modalItem__contents__simnote {
    width: 512px;
  }
}

.modalItem__btnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 14px;
}

.modalItem__btnbox__btn {
  color: #333333;
  width: 150px;
  border-radius: 8px;
  gap: 8px;
  border-width: 1px;
  border: 1px solid var(--color-gray30);
  padding: 10px 0;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
  text-align: center;
  font-family: Hiragino Kaku Gothic ProN;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0px;
}

.selectWrap {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 16px;
  padding: 16px;
}

@media (min-width: 769px) {
  .selectWrap {
    padding: 24px 16px;
  }
}

.selectWrap + .selectWrap {
  margin-top: 24px;
}

.selectWrap__title {
  position: relative;
  padding-left: 51px;
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 769px) {
  .selectWrap__title {
    font-size: 18px;
  }
}

.selectWrap__title::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/mypage/images/icon-sim.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 5px;
  margin: auto;
}

.text-bonus {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 11px;
  letter-spacing: 0.064em;
  color: #4D5051;
}

.underserif {
  margin-top: 24px;
}

.toppageblock__img {
  margin-top: 0;
}

@media (min-width: 769px) {
  .block_inner:has(.block--toppage) {
    padding: 0;
  }
}

@media (min-width: 769px) {
  .block--toppage__title {
    margin: 0 auto 16px;
  }
}

@media (min-width: 769px) {
  .block__inner--toppage {
    max-width: 832px;
    margin: 0 auto;
    padding: 80px 160px 80px;
  }
}

.block__inner__title--toppage1,
.block__inner__title--toppage2 {
  margin-top: 80px;
}

.loan__pickupfake {
  padding: 0 24px;
}

@media (min-width: 769px) {
  .loan__pickupfake {
    padding: 0;
  }
}

body:has(.card--approved) .footertextbox {
  padding: 0 24px 0;
}

@media (min-width: 769px) {
  body:has(.card--approved) .footertextbox {
    padding: 0;
  }
}

body:has(.card--approved) .footer__navList {
  padding: 16px 24px 14px;
}

@media (min-width: 769px) {
  body:has(.card--approved) .footer__navList {
    padding: 16px 0 14px;
  }
}

@media (min-width: 769px) {
  body:has(.card--approved) .footer__nav.tabr {
    padding: 0;
  }
}

@media (min-width: 769px) {
  body:has(.card--approved) .footer__nav.tabr .footer__navList {
    padding-top: 48px;
    padding-bottom: 16px;
  }
}

body:has(.card--approved) .footer__nav.tabl .footer__navList {
  padding-top: 48px;
}

body.left,
body.right {
  padding-bottom: 70px;
}

@media (min-width: 769px) {
  body.left,
  body.right {
    padding-bottom: 61px;
  }
}

body.right.nofooter {
  padding-bottom: 0;
}

.footer__navList {
  padding: 16px 0px 16px;
}

@media (min-width: 769px) {
  .footer__navList {
    max-width: 1231px;
    margin: auto;
    padding: 48px 0 16px;
  }
}

.footer__navtext {
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 1px;
  color: #576971;
  padding-bottom: 16px;
}

@media (min-width: 769px) {
  .footer__navtext {
    max-width: 1231px;
    margin: auto;
  }
}

.loan__pickupfake {
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.nocard {
  background: #FFFFFF;
  text-align: center;
  font-weight: bold;
  border-radius: 16px;
  padding: 24px;
  font-size: 12px;
  letter-spacing: 0.064em;
  -webkit-box-shadow: 0 6px 24px rgba(19, 64, 75, 0.08);
  box-shadow: 0 6px 24px rgba(19, 64, 75, 0.08);
  margin-top: 24px;
}

@media (min-width: 769px) {
  .nocard {
    font-size: 16px;
    letter-spacing: 0.024em;
    margin-top: 48px;
  }
}

.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.absolute {
  position: relative;
  bottom: 0;
  width: 100%;
}

.btn--hidden {
  display: none !important;
}

.is-hidden {
  display: none !important;
}

.u-num {
  font-family: lato !important;
}

.u-fwb {
  font-weight: bold !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.pc-only {
  display: none !important;
}

@media (min-width: 769px) {
  .pc-only {
    display: block !important;
  }
}

.sp-only {
  display: block !important;
}

@media (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

_::-webkit-full-page-media,
_:future,
:root .links--project p,
.links--project a {
  letter-spacing: 3px;
}

@media (max-width: 768px) {
  .addnote {
    max-width: 327px;
    margin: 10px auto 0;
  }
}

.addnote {
  font-size: 9px !important;
  letter-spacing: 0.064em;
  color: #403E3D;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: 24px;
}

main:has(.card--progress) .pairloanarea,
main:has(.card--progress) .approvalTab {
  display: none;
}

main:has(.card--progress) .colwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--color-blue10);
}

@media (min-width: 769px) {
  main:has(.card--progress) .colwrap {
    max-width: 832px;
    width: 100%;
  }
}

main:has(.card--progress) .colwrap .section--tab {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

main:has(.card--progress) .colwrap .cparea {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.resultsSection {
  background: var(--color-bg);
}

.resultsSection__cnt {
  padding: 24px 16px 16px;
  margin-top: 16px;
  width: calc(100% - 32px);
  margin: 24px auto;
}

@media (min-width: 769px) {
  .resultsSection__cnt {
    max-width: 831px;
    margin: 24px auto;
  }
}

.resultsSection__logo {
  width: 263px;
  margin: auto;
}

.resultsSection__logo img {
  width: 100%;
}

.resultsSection__main {
  background: url(/mypage/images/circle_silver.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 23px 0;
  margin: 4px auto;
}

.resultsSection__text {
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  letter-spacing: 2px;
  font-size: 18px;
}

.resultsSection__type {
  font-size: 14px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto 0;
  padding-left: 28px;
  position: relative;
}

.resultsSection__type::before {
  position: absolute;
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  background: url(/mypage/images/icon-card-single.png);
  background-size: contain;
  left: -67px;
  right: 0;
  margin: auto;
}

.resultsSection__type--pair::before {
  position: absolute;
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  background: url(/mypage/images/icon-card-partner.png);
  background-size: contain;
  left: -67px;
  right: 0;
  margin: auto;
}

.resultsSection__flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid var(--color-gray10);
}

@media (min-width: 769px) {
  .resultsSection__flexbox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 42px;
  }
}

.resultsSection__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.resultsSection__flexbox__text {
  font-weight: bold;
  font-size: 10px;
}

.resultsSection__flexbox__text__data {
  font-size: 11px;
}

.resultsSection__flexbox__btn {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  border: 1px solid var(--color-gray30);
  border-radius: 8px;
  text-align: center;
  padding: 8px;
  width: 154px;
}

.resultsSection_wrapper {
  padding: 24px 16px;
}

.nextAction {
  background: var(--color-bg);
  padding: 50px 16px;
}

.nextAction__wrapper {
  padding: 0;
}

.nextAction__title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.nextAction__cnt {
  margin-top: 20px;
  padding: 28px 18px;
}

.nextAction__cnt + .nextAction__cnt {
  margin-top: 18px;
}

.nextAction__cnt__bnr {
  margin-top: 40px;
  display: block;
}

.nextAction__cnt__title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.nextAction__cnt__text {
  font-size: 12px;
  margin-top: 16px;
}

.nextAction__cnt__btn {
  margin-top: 16px;
}

.mypagemenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 74px;
  padding: 12px 0;
  background: #FFFFFF;
  z-index: 10000;
}

@media (min-width: 769px) {
  .mypagemenu {
    display: none;
  }
}

.mypagemenu__item {
  width: calc(100%/5);
  position: relative;
  font-size: 9px;
  color: #A8A8A8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mypagemenu__item::before {
  position: absolute;
  display: block;
  content: "";
  top: 5px;
  z-index: -1;
}

.mypagemenu__item:nth-child(1)::before {
  background-image: url(/mypage/images/icon_mpnav_result.png);
  width: 25px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mypagemenu__item:nth-child(2)::before {
  background-image: url(/mypage/images/icon_mpnav_loan.png);
  width: 26px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mypagemenu__item:nth-child(3)::before {
  background-image: url(/mypage/images/icon_mpnav_sim.png);
  width: 22px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mypagemenu__item:nth-child(4)::before {
  background-image: url(/mypage/images/icon_mpnav_cp.png);
  width: 21px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mypagemenu__item:nth-child(5)::before {
  background-image: url(/mypage/images/icon_mpnav_useful.png);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 9px;
}

.mypagemenu__item.active:nth-child(1)::before {
  background-image: url(/mypage/images/icon_mpnav_result-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.mypagemenu__item.active:nth-child(2)::before {
  background-image: url(/mypage/images/icon_mpnav_loan-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.mypagemenu__item.active:nth-child(3)::before {
  background-image: url(/mypage/images/icon_mpnav_sim-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.mypagemenu__item.active:nth-child(4)::before {
  background-image: url(/mypage/images/icon_mpnav_cp-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.mypagemenu__item.active:nth-child(5)::before {
  background-image: url(/mypage/images/icon_mpnav_useful-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

.mypagemenu__item.active .mypagemenu__item__link {
  color: var(--color-main-green);
}

.mypagemenu__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: self-end;
  -ms-flex-align: self-end;
  align-items: self-end;
}

/* ---------------------------
  reject
--------------------------- */
.section--reject {
  padding-top: 0;
}

.checkarea.block_inner {
  position: relative;
  overflow: unset;
  padding: 20px 16px 16px;
}

@media (min-width: 769px) {
  .checkarea.block_inner {
    padding: 24px 82px;
  }
}

.checkarea.block_inner::before {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/img-top-loan.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 132px;
  height: 88px;
  top: -78px;
  bottom: 0;
  right: -7px;
}

@media (min-width: 769px) {
  .checkarea.block_inner::before {
    width: 187px;
    height: 111px;
    top: -98px;
    bottom: 0;
    right: -7px;
  }
}

.checkarea__title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 12px;
  position: relative;
  line-height: 1.5;
}

.checkarea__title::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/icon-card-partner.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
}

@media (min-width: 769px) {
  .checkarea__title::after {
    top: 12px;
    right: 0px;
  }
}

.checkarea__text {
  font-size: 14px;
  margin-top: 7px;
}

@media (min-width: 769px) {
  .checkarea__text {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
    max-width: 591px;
  }
}

.part-progress {
  display: none;
}

.approvalTab {
  margin-top: 12px;
}

.resultarea {
  background: -o-linear-gradient(top, var(--color-blue10) 100px, var(--color-blue20) 100px);
  background: linear-gradient(to bottom, var(--color-blue10) 100px, var(--color-blue20) 100px);
  padding: 30px 16px 32px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  margin-top: -11px;
}

@media (min-width: 769px) {
  .resultarea {
    margin-top: 0;
    padding: 32px 16px 16px;
    background: -o-linear-gradient(top, var(--color-blue10) 109px, var(--color-blue20) 109px);
    background: linear-gradient(to bottom, var(--color-blue10) 109px, var(--color-blue20) 109px);
  }
}

.resultarea__tabs {
  margin-top: 0;
}

.resultarea__tab-left, .resultarea__tab-right {
  display: none;
}

.resultarea__leftTab, .resultarea__rightTab {
  display: none;
}

.resultarea__tab__subtext--left, .resultarea__tab__subtext--right {
  font-size: 11px;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  margin-top: 2px;
}

@media (min-width: 769px) {
  .resultarea__tab__subtext--left, .resultarea__tab__subtext--right {
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .resultarea__tab__subtext--left br, .resultarea__tab__subtext--right br {
    display: none;
  }
}

.resultarea__tabs.tabs {
  gap: 0 4px;
  background: unset;
}

@media (min-width: 769px) {
  .resultarea__tabs.tabs {
    margin-top: 0;
  }
}

.resultarea__tabs.tabs .resultarea__tab {
  width: 50%;
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd4d6;
  border-bottom: 0;
  background: var(--color-white);
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  border-radius: 4px 4px 0 0 !important;
}

@media (min-width: 769px) {
  .resultarea__tabs.tabs .resultarea__tab {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    padding: 16px;
  }
  .resultarea__tabs.tabs .resultarea__tab br {
    display: none;
    font-size: 14px;
  }
}

.resultarea__tabs.tabs .resultarea__tab:not(:first-child) {
  border-left: 1px solid #cfd4d6;
  border-radius: 4px 4px 0 0;
}

.resultarea__tabs.tabs::after {
  top: 44px;
  width: calc(100% + 32px);
  margin: auto;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  z-index: 4;
}

@media (min-width: 769px) {
  .resultarea__tabs.tabs::after {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    top: 44px;
  }
}

.resultarea__tabcontentbox__right {
  padding: 0 0 12px;
  margin-top: 16px;
}

.resultarea__btn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: right;
  color: #ffffff;
  padding-right: 32px;
}

.resultarea__btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/mypage/images/arw_white.png);
  background-size: cover;
  position: absolute;
  margin: auto;
  right: 0px;
  top: 2px;
  bottom: 0;
}

.resultarea__tabcontentbox__left, .resultarea__tabcontentbox__right {
  display: none;
}

.resultarea__tabcontentbox__right {
  padding: 0;
}

.resultarea__tabcontentbox__right .pairloanarea {
  background: unset;
  padding: 0;
  margin-top: 0;
}

@media (min-width: 769px) {
  .resultarea__tabcontentbox__right .pairloanarea {
    padding: 0;
  }
}

.resultarea__tabcontentbox__right .pairloanarea__card {
  margin-top: 0;
  border-radius: 16px;
}

.resultNote {
  padding: 24px 16px 12px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  background: #ffffff;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .resultNote {
    padding: 24px 82px 16px;
    margin-top: 12px;
  }
}

.resultNote__logo {
  text-align: center;
  width: 262px;
  margin: auto;
}

.resultNote__summary {
  position: relative;
  text-align: center;
}

.resultNote__summary--approved {
  padding: 35px 0 35px;
  background-image: url(/mypage/images/bg_result_green_pc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 30px;
}

@media (min-width: 769px) {
  .resultNote__summary--approved {
    margin-top: 24px;
  }
}

@media (max-width: 768px) {
  .resultNote__summary--approved {
    padding: 28px 0 33px;
    background-image: url(/mypage/images/bg_result_green.svg);
    background-size: 200px;
    background-position: center;
    margin-top: 24px;
  }
}

.resultNote__type {
  position: relative;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 12px auto 0;
  padding-left: 16px;
}

@media (min-width: 769px) {
  .resultNote__type {
    margin: 18px auto 0;
    padding-left: 18px;
  }
}

.resultNote__type::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: url(/mypage/images/icon-single.png);
  background-size: cover;
  position: absolute;
  margin: auto;
  left: -6px;
  top: -4px;
  bottom: 0;
}

.resultNote__type--multi::before {
  width: 19px;
  height: 19px;
  background: url(/mypage/images/icon-multi.png);
  background-size: cover;
  position: absolute;
  margin: auto;
  left: -10px;
  top: -4px;
  bottom: 0;
}

.resultNote__priceDesc {
  font-weight: bold;
  font-size: 18px;
}

@media (min-width: 769px) {
  .resultNote__priceDesc {
    line-height: 1;
  }
}

.resultNote__priceDetail {
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-size: 75px;
  line-height: 100%;
  letter-spacing: -2%;
  padding-right: 19px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

@media (max-width: 768px) {
  .resultNote__priceDetail {
    font-size: 72px;
    letter-spacing: -3.6px;
    padding-left: 0;
  }
}

@media (min-width: 769px) {
  .resultNote__priceDetail {
    line-height: 1;
    margin: 12px auto 0;
  }
}

.resultNote__priceDetail--s {
  font-size: 24px;
  letter-spacing: 0.1px;
  margin-left: 10px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 38px;
}

@media (max-width: 768px) {
  .resultNote__priceDetail--s {
    right: -35px;
    font-size: 21px;
    letter-spacing: 1px;
    padding-left: 5px;
    -webkit-text-orientation: upright;
    text-orientation: upright;
  }
}

@media (min-width: 769px) {
  .resultNote__priceDetail--s {
    right: -4px;
    top: 11px;
  }
}

.resultNote__note {
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 24px auto 0;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 769px) {
  .resultNote__note {
    margin: 18px auto 0;
  }
}

.resultNote__note--s {
  font-size: 10px;
  padding: 8px 0 8px 1em;
  margin: 0;
  color: var(--color-gray);
  text-indent: -1em;
  border-top: 1px solid var(--color-borderline);
  margin-top: 8px;
  letter-spacing: 1.4;
  font-weight: normal;
}

.resultNote__infowrap {
  line-height: 1;
  margin-top: 0px;
}

@media (min-width: 769px) {
  .resultNote__infowrap {
    margin-top: 6px;
  }
}

.resultNote__infowrap + .resultNote__infowrap {
  margin-top: 6px;
}

.resultNote__infoList {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--color-borderline);
}

@media (min-width: 769px) {
  .resultNote__infoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 16px;
    padding-top: 3px;
  }
}

.resultNote__infoDesc {
  background: var(--color-gray10);
  color: var(--color-gray80);
  border-radius: 4px;
  padding: 6px;
  width: 62px;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0px;
}

.resultNote__infoDetail {
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
}

.resultNote__btnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 14px;
  border-top: 1px solid var(--color-borderline);
  padding-top: 12px;
}

@media (min-width: 769px) {
  .resultNote__btnbox {
    gap: 0 42px;
  }
}

.resultNote__btn {
  cursor: pointer;
  color: #333333;
  width: 100%;
  border-radius: 8px;
  gap: 8px;
  border-width: 1px;
  border: 1px solid var(--color-gray30);
  padding: 10px 0;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
  text-align: center;
  font-family: Hiragino Kaku Gothic ProN;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
  background: #ffffff;
  line-height: 1;
}

@media (min-width: 769px) {
  .resultNote__btn {
    width: 313px;
    padding: 16px 0;
    font-size: 14px;
    line-height: 1;
  }
}

.resultarea__resultbtn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 16px;
  padding-right: 19px;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid var(--color-borderline);
}

.resultarea__resultbtn::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: 8px;
  right: 4px;
  margin: auto;
}

.banklist {
  border-top: 0;
  padding-top: 0;
}

@media (min-width: 769px) {
  .banklist {
    margin-top: 12px;
  }
}

.banklist__title {
  padding-left: 0px;
}

.banklist__title::before {
  left: 0px;
  top: -7px;
}

@media (min-width: 769px) {
  .banklist__title::before {
    top: 0px;
  }
}

@media (min-width: 769px) {
  .sugohaya-partnership .bankcard__head::after {
    top: -2px;
  }
}

.banklist__item {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.banklist__item:has(.bankcard__accord__input[type=checkbox]:checked)::before {
  width: 100%;
  height: 2px;
  background: #6fba2c;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 215px;
  z-index: 999;
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input[type=checkbox]:checked)::before {
    top: 171px;
  }
}

.banklist__item:has(.bankcard__accord__input[type=checkbox]:checked):has(.banklist__product)::before {
  width: 100%;
  height: 2px;
  background: #6fba2c;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 234px;
  z-index: 999;
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input[type=checkbox]:checked):has(.banklist__product)::before {
    top: 183px;
  }
}

.banklist__title__img {
  padding-left: 0px;
  margin-left: 45px;
  width: 120px;
  height: 16px;
}

.tabwrapper {
  background: var(--color-blue10);
}

@media (min-width: 769px) {
  .tabwrapper {
    padding: 0;
  }
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input:checked) {
    background: -o-linear-gradient(top, #ffffff 178px, var(--color-blue10) 178px);
    background: linear-gradient(to bottom, #ffffff 178px, var(--color-blue10) 178px);
  }
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input:checked):has(.banklist__product) {
    background: -o-linear-gradient(top, #ffffff 190px, var(--color-blue10) 190px);
    background: linear-gradient(to bottom, #ffffff 190px, var(--color-blue10) 190px);
  }
}

.tabs .tab {
  padding: 10px;
}

@media (min-width: 769px) {
  .tabs .tab {
    padding: 10px 10px 9px;
  }
}

.tab__inner {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  padding: 16px 12px 16px;
}

.tabs::after {
  top: 33px;
}

.bankcard__accord__Inner {
  gap: 0;
}

.featureslist li:first-child .features__txt::before {
  top: -46px;
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input[type=checkbox]:checked) .bankcard__accord__Inner {
    overflow: auto;
  }
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input[type=checkbox]:checked) .bankcard__accord {
    overflow: auto;
    margin: 0 -84px;
  }
}

@media (min-width: 769px) {
  .bankcard__accord {
    margin: 0 -81px;
  }
}

@media (min-width: 769px) {
  .banklist__item:has(.bankcard__accord__input[type=checkbox]:checked) .tabwrapper {
    overflow: auto;
  }
}

.tabs.tabs--inner::after {
  display: none;
}

@media (max-width: 768px) {
  .tabs.tabs--inner {
    border-radius: 0;
  }
}

@media (min-width: 769px) {
  .tabs.tabs--inner {
    max-width: 668px;
    width: 100%;
    margin: 12px auto 0;
  }
}

.tabs.tabs--inner .tab {
  font-size: 11px;
  border-radius: 0;
}

.tabs.tabs--inner .tab.active {
  border: 0;
}

@media (max-width: 768px) {
  .tabs.tabs--inner .tab:first-child {
    border-left: 0;
  }
  .tabs.tabs--inner .tab:last-child {
    border-right: 0;
  }
}

@media (min-width: 769px) {
  .tabs.tabs--inner .tab {
    border-bottom: 0;
  }
}

@media (min-width: 769px) {
  .tabs.tabs--inner .tab:first-child {
    border-radius: 4px 0 0 0;
  }
}

@media (min-width: 769px) {
  .tabs.tabs--inner .tab:last-child {
    border-radius: 0 4px 0 0;
  }
}

@media (min-width: 769px) {
  .tabwrapper__content:not(.tabwrapper__content--costs) {
    padding: 16px 24px 0;
  }
}

@media (min-width: 769px) {
  .txt--pr {
    margin-top: 0;
    max-width: 668px;
    width: 100%;
  }
}

.kuchikomibox__info__kinri .kuchikomibox__info__kinri__per {
  font-size: 21px;
}

.resultarea__modalSummary__type__text {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.resultarea__modalSummary__type__text::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/mypage/images/icon_result_sp.png);
  background-size: cover;
  position: absolute;
  bottom: -72px;
  right: 16px;
  margin: auto;
  left: -80px;
  top: 2px;
  bottom: 0;
}

.resultarea__modalItem__note {
  text-align: center;
}

.resultarea__modalItem__note br {
  display: none;
}

@media (min-width: 769px) {
  .resultarea__modalItem__note br {
    display: block;
  }
}

.resultarea__modalItem__infoList {
  margin-top: 16px;
  padding: 8px 0;
  border-top: 1px solid #cfd4d6;
  border-bottom: 1px solid #cfd4d6;
}

@media (min-width: 769px) {
  .resultarea__modalItem__infoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 16px;
  }
}

.resultarea__modalItem__infoDesc {
  background: var(--color-gray10);
  border-radius: 4px;
  padding: 6px;
  width: 62px;
  display: inline-block;
  text-align: center;
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 0px;
}

.resultarea__modalItem__note--s {
  padding-left: 1em;
  padding: 8px 0 8px 1em;
  margin: 0;
  color: #576971;
}

.resultarea__modalItem__infoDetail,
.resultarea__modalItem__infoDetail {
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
}

#tab-left:checked ~ .resultarea__tabcontentbox .tabcontentbox__left {
  display: block;
}

#tab-right:checked ~ .resultarea__tabcontentbox .tabcontentbox__right {
  display: block;
}

.resultarea:has(#tab-left:checked) .resultarea__tab--left,
.resultarea:has(#tab-right:checked) .resultarea__tab--right {
  background: #6fba2c;
  color: var(--color-white);
  border: none;
  font-weight: 600;
}

.resultarea__modalItem__btnbox {
  border-top: 1px solid #cfd4d6;
  padding-top: 12px;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

@media (min-width: 769px) {
  .tabs {
    border-radius: 4px 4px 0 0;
  }
}

.tabs .tab {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
  border-bottom: 0;
}

.cparea {
  background: var(--color-blue10);
  padding: 32px 16px;
}

@media (min-width: 769px) {
  .cparea {
    background: var(--color-blue10);
    max-width: 343px;
    padding: 32px 0px 42px;
  }
}

.cparea__title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: var(--color-green70);
  border: 2px solid var(--color-green70);
  border-radius: 4px;
  padding: 12px 8px;
  margin-bottom: 16px;
  width: 100%;
  margin: auto;
  position: relative;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
}

@media (min-width: 769px) {
  .cparea__title {
    min-width: 343px;
  }
}

.cparea__title::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/arw-border-light.png);
  background-size: contain;
  width: 12px;
  height: 15px;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
}

@media (min-width: 769px) {
  .cparea__title::after {
    background: url(/mypage/images/arw-border-light.png);
    background-size: contain;
  }
}

.cparea__top {
  width: 100%;
  margin-top: 24px;
  margin: 16px auto 0;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
}

@media (min-width: 769px) {
  .cparea__top {
    width: 100%;
    max-width: 1363px;
    margin-top: 8px;
  }
}

.cparea__top__img {
  width: 100%;
}

.cparea__top__img img {
  width: 100%;
  height: auto;
}

.cparea__top__card {
  padding: 14px 16px;
  margin: auto;
  position: relative;
  z-index: 1;
  border-radius: 0 0 16px 16px;
}

@media (min-width: 769px) {
  .cparea__top__card {
    padding: 16px;
  }
}

.cparea__top__card__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
}

.cparea__top__card__title__date {
  color: #55a61b;
}

.cparea__top__card__title__day {
  font-size: 11px;
  font-weight: normal;
  color: #55a61b;
}

.cparea__top__card__loanbtn {
  margin-top: 10px;
  font-size: 16px;
  padding: 16px 0;
}

@media (min-width: 769px) {
  .cparea__top__card__loanbtn {
    width: 100%;
  }
}

.cparea__top__card__cpbtn {
  margin-top: 14px;
  font-size: 16px;
  padding: 16px 0;
}

@media (min-width: 769px) {
  .cparea__top__card__cpbtn {
    width: 100%;
  }
}

.cparea__textbox {
  padding: 0;
  margin-top: 21px;
}

@media (min-width: 769px) {
  .cparea__textbox {
    width: 100%;
    max-width: 595px;
    margin: 20px auto 0;
  }
}

.cparea__text {
  font-size: 12px;
  color: #ffffff;
  color: #000000;
  font-weight: normal;
}

.cparea__notetext {
  padding-left: 1em;
  text-indent: -1em;
  margin-top: 12px;
  font-size: 10px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 1px;
  vertical-align: middle;
  color: var(--color-gray);
}

.cparea__notetext:not(:first-child) {
  margin-top: 8px;
}

.cparea__redtext {
  color: #F4434B;
}

.cparea--heavy {
  background: var(--color-blue20);
}

@media (min-width: 769px) {
  .cparea--heavy {
    background: var(--color-blue10);
  }
}

.cparea--heavy .cparea__title::after {
  background: url(/mypage/images/arw-border-heavy.png);
  background-size: contain;
}

@media (min-width: 769px) {
  .cparea--heavy .cparea__title::after {
    background: url(/mypage/images/arw-border-light.png);
    background-size: contain;
  }
}

.pairloanarea {
  background: var(--color-blue20);
  padding: 35px 16px 17px;
  position: relative;
}

@media (min-width: 769px) {
  .pairloanarea {
    background: var(--color-blue10);
    padding: 32px 16px;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .pairloanarea__title {
    max-width: 831px;
    margin: auto;
  }
}

.pairloanarea__card {
  margin: 16px auto 0;
  padding: 20px 16px 16px;
  position: relative;
  z-index: 1;
}

@media (min-width: 769px) {
  .pairloanarea__card {
    max-width: 831px;
    padding: 20px 82px 20px;
  }
}

.pairloanarea__img {
  position: absolute;
  z-index: 0;
  width: 76px;
  top: 44px;
  right: 27px;
}

@media (min-width: 769px) {
  .pairloanarea__img {
    width: 99px;
    top: 28px;
    right: -715px;
    left: 0;
    margin: auto;
  }
}

.pairloanarea__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 16px;
}

@media (min-width: 769px) {
  .pairloanarea__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.pairloanarea__card__img {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
}

.pairloanarea__card__img img {
  width: 100%;
  height: auto;
}

.pairloanarea__card__title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 16px;
}

.pairloanarea__card__text {
  margin-top: 16px;
  font-size: 14px;
  letter-spacing: 1px;
}

@media (min-width: 769px) {
  .pairloanarea__card__text {
    text-align: left;
  }
}

.pairloanarea__card__btn {
  margin-top: 10px;
  padding: 16px 0;
  font-size: 14px;
}

@media (min-width: 769px) {
  .pairloanarea__card__btn {
    width: 309px;
    min-width: 313px;
    margin: 16px auto 0;
  }
}

.pairloanarea__card__note {
  color: var(--color-gray);
  font-size: 10px;
  margin-top: 16px;
  font-weight: bold;
  line-height: 140%;
}

@media (min-width: 769px) {
  .pairloanarea__card__note {
    margin-top: 25px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-borderline);
  }
}

.pairloanarea__card__subtext {
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.4;
  color: #777A7B;
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 1px;
}

.pairloanarea__card__datailbtn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 16px;
  padding-right: 27px;
  line-height: 1;
}

@media (min-width: 769px) {
  .pairloanarea__card__datailbtn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 16px;
    border-top: 1px solid var(--color-borderline);
  }
}

.pairloanarea__card__datailbtn::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 4px;
  margin: auto;
}

@media (min-width: 769px) {
  .pairloanarea__card__datailbtn::after {
    right: 0;
    left: inherit;
    top: 12px;
  }
}

@media (min-width: 769px) {
  .pairloanarea__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 24px;
  }
}

@media (min-width: 769px) {
  .useful {
    max-width: 864px;
    width: 100%;
  }
}

.usefularea {
  background: var(--color-bg);
  margin-top: -13px;
}

@media (min-width: 769px) {
  .usefularea {
    padding: 64px 56px;
    border-radius: 16px;
    margin-top: 0;
  }
}

.usefularea__title.c-title::before {
  height: 16px;
}

.usefularea__title + .usefularea__box {
  border-top: 0;
  margin-top: 32px;
  padding-top: 0;
}

.usefularea__list {
  padding: 0;
}

@media (min-width: 769px) {
  .usefularea__item {
    margin-top: 40px;
  }
}

.usefularea__item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

@media (min-width: 769px) {
  .usefularea__item:nth-child(2) {
    margin-top: 0;
  }
}

.usefularea__box {
  border-top: 2px solid #cfd4d6;
  padding-top: 20px;
  margin-top: 20px;
}

@media (min-width: 769px) {
  .usefularea__box {
    margin-top: 40px;
  }
}

.usefularea__box:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

@media (min-width: 769px) {
  .usefularea__box:nth-child(2) {
    margin-top: 0;
  }
}

.usefularea .usefularea__wrap {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  margin-top: 16px;
  overflow: hidden;
}

.usefularea .usefularea__wrap .usefularea__card {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-radius: 0;
  margin-top: 0;
}

.usefularea .usefularea__wrap .usefularea__card:last-child {
  position: relative;
}

.usefularea .usefularea__wrap .usefularea__card:last-child::before {
  position: absolute;
  display: block;
  content: "";
  width: 90%;
  height: 1px;
  background: #cfd4d6;
  margin: auto;
  top: 1px;
  left: 0;
  right: 0;
}

.usefularea__text {
  font-weight: bold;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.064em;
}

@media (min-width: 769px) {
  .usefularea__text {
    font-size: 18px;
    letter-spacing: 0.088em;
  }
}

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

.usefularea__card, .usefularea__card2 {
  position: relative;
  margin-top: 12px;
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
}

@media (min-width: 769px) {
  .usefularea__card, .usefularea__card2 {
    padding: 16px 24px;
  }
}

.usefularea__card::after, .usefularea__card2::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 16px;
  margin: auto;
}

.usefularea__card + .card--useful1, .usefularea__card2 + .card--useful1 {
  margin-top: 24px;
}

.usefularea__card a, .usefularea__card2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0 12px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .usefularea__card a, .usefularea__card2 a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 27px;
  }
}

.usefularea__img {
  width: 48px;
  border-radius: 50px;
  overflow: hidden;
}

.usefularea__text {
  text-align: left;
  font-size: 13px;
  letter-spacing: 0.064em;
  max-width: 215px;
  width: 100%;
  font-weight: normal;
}

@media (min-width: 769px) {
  .usefularea__text {
    max-width: none;
  }
}

.usefularea {
  padding: 35px 0 0;
  border-radius: 16px 16px 0 0;
}

.usefularea__item {
  padding: 24px 16px;
}

.usefularea__item:first-child {
  background: var(--color-blue10);
}

.usefularea__item:nth-child(2) {
  background: var(--color-blue20);
}

@media (min-width: 769px) {
  .usefularea__item:nth-child(2) {
    padding: 32px 16px;
  }
}

.usefularea__item:last-child {
  background: var(--color-blue10);
  padding: 32px 16px;
}

@media (min-width: 769px) {
  .usefularea__item:last-child {
    margin-top: 0;
  }
}

.underarea {
  background: var(--color-blue20);
  border-radius: 0;
  padding: 32px 16px;
  line-height: 140%;
}

@media (min-width: 769px) {
  .underarea {
    margin-top: 0;
  }
}

.underarea__list {
  padding: 0;
}

@media (min-width: 769px) {
  .underarea__list {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 16px;
  }
}

.underarea__card {
  position: relative;
  margin-top: 12px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
}

@media (min-width: 769px) {
  .underarea__card {
    width: 50%;
  }
}

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

@media (min-width: 769px) {
  .underarea__card:last-child {
    margin-top: 0;
  }
}

.underarea__img {
  width: 80px;
  height: 80px;
}

.underarea__img--soudan {
  width: 80px;
  height: 83px;
  min-width: 80px;
}

.underarea__img--soudan img {
  height: 100%;
}

.underarea__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0 20px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .underarea__link {
    margin-bottom: -3px;
  }
}

.underarea__textbox {
  width: 100%;
}

.underarea__logo {
  width: 111px;
  margin-bottom: 6px;
}

.underarea__text {
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 1px;
}

.underarea__linktext {
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  padding-right: 14px;
  line-height: 140%;
  letter-spacing: 0.064em;
  margin-top: 0;
  position: relative;
}

@media (max-width: 768px) {
  .underarea__linktext {
    margin-top: 8px;
  }
}

.underarea__linktext::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 3px;
  right: 0px;
  margin: auto;
}

.simBlock_top {
  background: #ffffff;
  padding: 16px 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 769px) {
  .simBlock_top {
    padding: 16px 82px 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.section.simarea {
  background: var(--color-blue10);
  padding: 35px 16px 16px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  margin-top: -13px;
}

@media (min-width: 769px) {
  .section.simarea {
    margin-top: 0;
    padding: 30px 0 16px;
    max-width: 864px;
    width: 100%;
  }
}

.simarea__img {
  position: absolute;
  z-index: 0;
  width: 114px;
  top: 117px;
  right: 24px;
}

.simarea__img img {
  width: 100%;
}

.simarea__title {
  position: relative;
}

.simarea__title::after {
  position: absolute;
  display: block;
  content: "";
  width: 210px;
  height: 36px;
  top: -6px;
  bottom: 0;
  margin: auto;
  background: url(/mypage/images/img-simtop.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -42px;
  right: -107px;
}

@media (min-width: 769px) {
  .simarea__title::after {
    width: 265px;
    height: 50px;
    bottom: -23px;
    right: -107px;
  }
}

.simBlock {
  border-radius: 12px;
}

.simBlock_mid {
  border-radius: 0 0 12px 12px;
}

.simBlock_top {
  border-radius: 12px;
}

.simBlock__bonusWrap {
  border-radius: 0 0 12px 12px;
}

.simarea__card {
  margin-top: 16px;
  position: relative;
  padding: 0;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
}

.simarea__card__kariireTitle {
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
}

.simarea__card__kariireTitle__sub {
  font-weight: normal;
  font-size: 9px;
  margin-top: 8px;
  line-height: 1;
  color: var(--color-gray);
}

@media (min-width: 769px) {
  .simarea__card__kariireTitle__sub {
    margin-top: 8px;
  }
}

.simarea__card__kariirebox__kariireNum {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: right;
}

.simarea__card__kariirebox__kariiregaku__label {
  font-size: 12px;
}

.simarea__card__kariirebox__kariiregaku__gaku {
  font-size: 12px;
  font-weight: bold;
}

.simarea__card__kariirebox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 12px;
}

.simarea__card__sliderlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 10px;
}

@media (min-width: 769px) {
  .simarea__card__sliderlabel {
    font-size: 10px;
    margin-top: 10px;
  }
}

.simarea__card__sliderlabel__text {
  font-size: 10px;
}

.simarea__card__paymentTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.simarea__card__kinriTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.simarea__card__paymentNum {
  display: inline-block;
  padding-left: 8px;
}

.simarea__card__kariireTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 769px) {
  .kinriWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.simBlock__hensaiWrap {
  background: #ffffff;
  padding: 0 16px 16px;
}

@media (min-width: 769px) {
  .simBlock__hensaiWrap {
    padding: 0px 82px 16px;
  }
}

.simBlock__paymentWrap {
  background: #F0F7FA;
  padding: 16px 16px 16px;
}

@media (min-width: 769px) {
  .simBlock__paymentWrap {
    padding: 16px 82px;
  }
}

.simBlock__payment__textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.simarea__card__paymentNum {
  font-size: 12px;
  font-weight: bold;
}

.simBlock__kinriWrap {
  background: #ffffff;
  padding: 16px 16px 16px;
}

@media (min-width: 769px) {
  .simBlock__kinriWrap {
    padding: 16px 82px;
  }
}

.simBonus {
  background: #F0F7FA;
  padding: 16px 16px 21px;
}

@media (min-width: 769px) {
  .simBonus {
    padding: 16px 82px;
  }
}

.simBonus__textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1;
}

.simBonus__title {
  font-size: 12px;
  font-weight: bold;
}

.simBonus__subtitle {
  font-size: 10px;
  font-weight: normal;
  padding-left: 12px;
}

.simBonus__sub {
  font-size: 12px;
  font-weight: bold;
}

.simBonus__sliderlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 10px;
}

.simBonus__sliderWrap {
  margin-top: 7px;
}

.simResult {
  background: #F7EC4A;
  border-radius: 4px;
  padding: 12px 18px;
  margin-top: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
}

@media (min-width: 769px) {
  .simResult {
    max-width: 831px;
    margin: 12px auto 0;
    padding: 24px 82px;
  }
}

.simResult__title {
  margin-top: 24px;
}

.simResult__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.simResult__wrap:nth-child(2) {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #6F7F85;
}

@media (min-width: 769px) {
  .simResult__wrap:nth-child(2) {
    margin-top: 7px;
    padding-top: 12px;
  }
}

.simResult__wrap:last-child {
  margin-top: 4px;
}

.simResult__topic {
  font-size: 12px;
}

.simResult__hensaiNum {
  font-size: 22px;
  font-weight: bold;
  font-family: "din-2014", sans-serif;
  line-height: 1;
}

.simResult__hensaiSpan {
  font-size: 16px;
}

.simResult__sousaiNum {
  font-size: 15px;
  font-family: "din-2014", sans-serif;
}

.simResult__sousaiSpan {
  font-size: 12px;
}

.simResult__risokuNum {
  font-size: 15px;
  font-family: "din-2014", sans-serif;
}

.simResult__risokuSpan {
  font-size: 12px;
}

.simResult__note {
  font-size: 10px;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 16px;
  color: #576971;
  font-weight: 300;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 1px;
}

.simBlocksliderWrap {
  position: relative;
}

.tip {
  font-weight: bold;
  display: none;
  position: absolute;
  top: -40px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--color-green70);
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 12px;
}

.tip::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: var(--color-green70) transparent transparent transparent;
}

.js-tip-show {
  display: block;
}

/* スライダー全体 */
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #6fba2c;
  border-radius: 5px;
  outline: none;
  position: relative;
  z-index: 3;
}

@media (min-width: 769px) {
  .slider {
    width: 100%;
  }
}

/* つまみ部分*/
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.slider::-webkit-slider-thumb::before {
  position: absolute;
  display: block;
  content: "";
  width: 36px;
  height: 36px;
  top: -6px;
  bottom: 0;
  margin: auto;
  background: url(/mypage/images/img-simtop.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -42px;
  right: -107px;
}

/* つまみ部分 */
.slider::-moz-range-thumb {
  width: 32px;
  height: 32px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

/* Chrome, Edge, Safari 用のつまみ */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-orange80);
  cursor: pointer;
}

/* Firefox 用 */
.slider::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #2196f3;
  cursor: pointer;
}

.tab__toggle {
  display: none;
}

.kinritype {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kinritype__label {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding-left: 32px;
}

.kinritype__label:not(:first-child) {
  padding-left: 49px;
}

.kinritype__label:not(:first-child)::before {
  top: -2px;
  left: 17px;
}

@media (min-width: 769px) {
  .kinritype__label:not(:first-child)::before {
    left: 13px;
    padding-left: 34px;
  }
}

.kinritype__label::before {
  position: absolute;
  display: block;
  content: "";
  background: #D9D9D9;
  background-size: contain;
  width: 24px;
  height: 24px;
  top: -2px;
  bottom: 0;
  left: 2px;
  margin: auto;
  background: url(/mypage/images/label-kinri.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
}

.kinritype__label:has(:checked)::before {
  background: url(/mypage/images/label-kinri-active.png);
  background-size: contain;
  background-repeat: no-repeat;
}

input[name="g1"] {
  display: none;
}

.kinrinote {
  color: #777777;
  font-size: 10px;
  margin-top: 8px;
  line-height: 1;
  letter-spacing: 1px;
}

.kinriselectWrap {
  position: relative;
}

@media (min-width: 769px) {
  .kinriselectWrap {
    width: 311px;
  }
}

.kinriselectWrap::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/mypage/images/arw_green.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: -3px;
  margin: auto;
  right: 16px;
  margin: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (min-width: 769px) {
  .kinriselectWrap::after {
    top: 16px;
  }
}

.kinriselect {
  background: #ffffff;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px solid var(--color-gray10);
  border-radius: 6px;
  text-align: center;
  -moz-text-align-last: center;
  text-align-last: center;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}

@media (min-width: 769px) {
  .kinriselect {
    margin-top: 19px;
    height: 44px;
  }
}

.rankingcparea {
  background: var(--color-blue20);
  padding: 20px 16px;
  overflow: hidden;
}

@media (min-width: 769px) {
  .rankingcparea {
    display: none;
  }
}

.rankingcparea__title {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: var(--color-green70);
  border: 2px solid var(--color-green70);
  border-radius: 8px;
  padding: 12px 0;
  margin-bottom: 16px;
  width: 327px;
  margin: auto;
  position: relative;
}

.rankingcparea__title::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/mypage/images/arw-border-heavy.png);
  background-size: contain;
  width: 12px;
  height: 15px;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
}

.ranking__title {
  position: relative;
}

.ranking__title::after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 60px;
  top: -32px;
  bottom: 0;
  margin: auto;
  background: url(/mypage/images/img-rankingtop.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -105px;
  right: 7px;
}

@media (min-width: 769px) {
  .ranking__title::after {
    width: 175px;
    height: 92px;
    bottom: -45px;
    top: 0;
  }
}

.simsec {
  background: var(--color-blue20);
  padding: 35px 20px 17px;
  position: relative;
  background: var(--color-bg);
  padding: 36px 16px 32px;
  border-radius: 16px 16px 0 0;
  margin-top: -13px;
}

@media (min-width: 769px) {
  .simsec {
    margin-top: 0;
    padding: 36px 0 32px;
  }
}

.case {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .case {
    max-width: 832px;
    width: 100%;
    margin: 16px auto 0;
    padding: 24px 82px;
  }
}

@media (min-width: 769px) {
  .approvalTab {
    max-width: 831px;
    margin: 16px auto 0;
  }
}

.approvalTab.approvalTab--ranking:has(#tab-left:checked) .resultarea__tab--left,
.approvalTab.approvalTab--ranking:has(#tab-right:checked) .resultarea__tab--right {
  background: var(--color-green70);
  color: var(--color-white);
  border: none;
  font-weight: 600;
}

.approvalTab.approvalTab--ranking .resultarea__tabs {
  padding: 0 16px;
}

@media (min-width: 769px) {
  .approvalTab.approvalTab--ranking .resultarea__tabs {
    padding: 0;
  }
}

.approvalTab.approvalTab--ranking .resultarea__tab {
  padding: 16px 0;
}

.approvalTab.approvalTab--ranking .resultarea__tabs::after {
  top: 45px;
  display: none;
}

.rankingresultarea {
  padding: 16px;
  overflow: hidden;
  margin-top: -11px;
  background: unset;
  padding: 32px 0 0;
}

@media (min-width: 769px) {
  .rankingresultarea {
    padding: 0;
    margin-top: 16px;
  }
}

.rankingresultarea__tab-left, .rankingresultarea__tab-right {
  display: none;
}

.rankingresultarea__leftTab, .rankingresultarea__rightTab {
  display: none;
}

.rankingresultarea__tab__subtext--left, .rankingresultarea__tab__subtext--right {
  font-size: 11px;
  font-weight: 300;
  font-size: 9px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 2px;
}

@media (min-width: 769px) {
  .rankingresultarea__tab__subtext--left, .rankingresultarea__tab__subtext--right {
    font-size: 14px;
  }
}

.rankingresultarea .tabcontentbox__right {
  padding: 12px 16px 12px;
}

.rankingresultarea__tabs {
  gap: 0 4px;
  background: unset;
}

@media (min-width: 769px) {
  .rankingresultarea__tabs {
    margin-top: 0;
  }
}

.rankingresultarea__tabs .resultarea__tab {
  width: 50%;
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd4d6;
  border-bottom: 0;
  background: var(--color-white);
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  border-radius: 4px 4px 0 0 !important;
}

.rankingresultarea__tabs .resultarea__tab:not(:first-child) {
  border-left: 1px solid #cfd4d6;
  border-radius: 4px 4px 0 0;
}

.rankingresultarea__tabs::after {
  top: 47px;
  margin: auto;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  z-index: 4;
}

@media (min-width: 769px) {
  .rankingresultarea__tabs::after {
    width: calc(100%);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.rankingresultarea .tabcontentbox__left {
  padding: 12px 16px 12px;
  -webkit-box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  box-shadow: 0 2px 24px rgba(14, 18, 19, 0.08);
  border-radius: 16px 16px 0 0;
  background: unset;
  margin-top: 12px;
}

@media (min-width: 769px) {
  .rankingresultarea .tabcontentbox__left {
    padding: 24px 82px 16px;
  }
}

.rankingresultarea .resultarea__tabcontentbox__left {
  margin-top: 0;
  padding-top: 12px;
}

.rankingresultarea__tabcontentbox__right {
  padding: 24px 16px 12px;
}

.rankingresultarea__btn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: right;
  color: #ffffff;
  padding-right: 32px;
}

.rankingresultarea__btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/mypage/images/arw_white.png);
  background-size: cover;
  position: absolute;
  margin: auto;
  right: 0px;
  top: 2px;
  bottom: 0;
}

.rankingresultarea__tabcontentbox__left, .rankingresultarea__tabcontentbox__right {
  display: none;
}

.rankingresultarea__tabcontentbox__right .pairloanarea__card {
  margin-top: 0;
  padding-top: 40px;
  border-radius: 0 0 12px 12px;
}

@media (min-width: 769px) {
  .rankingresultarea__tabcontentbox__right .pairloanarea__card {
    padding-top: 0;
  }
}

@media (min-width: 769px) {
  .rankingresultarea .resultarea__tabcontentbox__left {
    padding: 24px 0 16px;
    padding-top: 0;
    margin-top: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: var(--color-blue30);
  }
}

.rankingresultarea .resultarea__tabs::after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.banklist::before {
  display: none;
}

.rankingcparea__bnr {
  display: block;
  width: 343px;
  height: 133px;
  margin: 8px auto 0;
}

@media (min-width: 769px) {
  .rankingcparea__bnr {
    max-width: 832px;
    margin: auto;
    width: 100%;
  }
}

.rankingcparea__bnr img {
  width: 100%;
}

.typetabs .typetabs__btn {
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd4d6;
  border-bottom: 0;
  width: calc(100%/4);
  background: var(--color-white);
  padding: 16.5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 769px) {
  .typetabs .typetabs__btn {
    padding: 16px 0;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
  }
}

.typetabs .typetabs__btn.is-active {
  background: #6fba2c;
  color: var(--color-white);
  border: none;
  font-weight: 600;
}

.choiceResultArea {
  position: relative;
  background: #d7ebf5;
  padding-top: 32px;
  border-top: 1px solid var(--color-blue20);
  background: -o-linear-gradient(top, var(--color-blue10) 115px, var(--color-blue20) 115px);
  background: linear-gradient(to bottom, var(--color-blue10) 115px, var(--color-blue20) 115px);
}

@media (min-width: 769px) {
  .choiceResultArea {
    background: -o-linear-gradient(top, var(--color-blue20) 110px, var(--color-blue30) 110px);
    background: linear-gradient(to bottom, var(--color-blue20) 110px, var(--color-blue30) 110px);
    padding: 32px 16px;
  }
}

.choiceResultArea::before {
  width: 100%;
  height: 2px;
  background: #6fba2c;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 113px;
  z-index: 999;
}

@media (min-width: 769px) {
  .choiceResultArea::before {
    top: 108px;
  }
}

.choiceResultArea__titleWrap {
  padding: 0 16px;
}

@media (min-width: 769px) {
  .choiceResultArea__titleWrap {
    padding: 0;
  }
}

.btn-cp {
  margin-top: 24px;
}

/*--------------- 銀行カード調整------------------- */
.nennri__amount {
  font-size: 51px;
  font-weight: 600;
  font-family: "din-2014", sans-serif;
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  color: var(--color-text);
}

@media (min-width: 769px) {
  .nennri__amount {
    top: -4px;
  }
}

.bankcard__linkwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 16px;
  padding: 0 16px;
}

@media (min-width: 769px) {
  .bankcard__linkwrap {
    padding: 0 0;
  }
}

.bankcard__linkwrap .c-btn {
  width: 100%;
  height: 44px;
}

@media (min-width: 769px) {
  .bankcard__linkwrap .c-btn {
    max-width: 147px;
  }
}

.bankcard__linkwrap .c-btn--orange {
  -webkit-box-shadow: 0px -2px 0px 0px #F35F00 inset;
  box-shadow: 0px -2px 0px 0px #F35F00 inset;
  padding: 8px;
}

@media (min-width: 769px) {
  .bankcard__linkwrap:not(:has(.js-btnCp)) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.banklist__btnSubText {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-weight: 300;
  font-style: W3;
  font-size: 9px;
  line-height: 1;
}

@media (min-width: 769px) {
  .banklist__btnSubText {
    margin-top: 8px;
  }
}

.banklist__btn--official {
  display: grid;
  place-items: center;
}

@media (min-width: 769px) {
  .banklist__btn--official {
    margin: 0;
  }
}

.hensaitxt {
  margin-top: 2px;
}

@media (min-width: 769px) {
  .hensaitxt {
    margin-top: -8px;
  }
}

.hensaimonthtxt .num {
  position: relative;
  top: -1px;
  font-family: DIN 2014;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1px;
}

.casenotebox {
  background: var(--color-blue10);
  padding-top: 16px;
}

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

.casenote + .casenote {
  margin-top: 10px;
}

/*--------------- 銀行カード調整------------------- */
.selectset:not(:first-child) {
  margin-top: 16px;
}

.selectset__inner__btn {
  font-size: 14px;
  margin-top: 20px;
}

@media (min-width: 769px) {
  .selectset:not(:first-child) {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #cad7e0;
  }
  .selectset:nth-child(3) {
    border-bottom: 1px solid #cad7e0;
    padding-bottom: 16px;
  }
  .selectset .selectset__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 351px;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .selectset__inner__btn {
    margin-top: 20px;
    max-width: 313px;
    margin: 16px auto 0;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .selectset__inner__btn {
    margin: 20px auto 0;
  }
}

.select__inner__ttl {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
  line-height: 1;
}

@media (min-width: 769px) {
  .select__inner__ttl {
    margin-bottom: 0;
  }
}

.select__inner__wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media (min-width: 769px) {
  .select__inner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.select__inner__wrapper select {
  width: 100%;
  padding: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: white;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #333 !important;
  text-align: center;
  -moz-text-align-last: center;
  text-align-last: center;
}

@media (min-width: 769px) {
  .select__inner__wrapper select {
    padding: 16px 12px;
    margin-top: 6px;
  }
}

.select__inner__wrapper::after {
  content: "";
  position: absolute;
  right: 20px;
  top: -5px;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  height: 9px;
  width: 9px;
  border-bottom: 2px solid var(--color-main-green);
  border-right: 2px solid var(--color-main-green);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 769px) {
  .select__inner__wrapper::after {
    right: 15px;
    top: 0px;
  }
}

@media (min-width: 769px) {
  .selectlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 18px;
    max-width: 668px;
    margin: auto;
  }
}

@media (min-width: 769px) {
  .selectlist__item.selectset {
    width: 100%;
    margin-top: 0;
    padding: 0;
    border: 0;
  }
}

.underselectlistWrap {
  position: relative;
}

@media (min-width: 769px) {
  .underselectlistWrap::before, .underselectlistWrap::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    height: 20px;
    width: 1px;
    background: var(--color-blue30);
    margin: auto;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .underselectlistWrap::before {
    right: 0;
    left: -227px;
  }
  .underselectlistWrap::after {
    right: -211px;
    left: 0;
  }
}

.underselectlist {
  background: var(--color-blue10);
  border-radius: 16px;
  margin-top: 20px;
}

@media (min-width: 769px) {
  .underselectlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 24px;
    border-radius: 8px;
    margin-top: 12px;
  }
}

.underselectlist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #ffffff;
  padding: 14px 16px;
  position: relative;
}

@media (min-width: 769px) {
  .underselectlist__item {
    width: calc(100% / 3);
    padding: 0;
    border-top: 0;
    border-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 23px;
  }
}

@media (min-width: 769px) {
  .underselectlist__item:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
  .underselectlist__item:first-child::before {
    left: 0px;
  }
}

@media (min-width: 769px) {
  .underselectlist__item:first-child .underselectlist__name {
    margin-left: 23px;
  }
}

.underselectlist__item::before {
  position: absolute;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(/mypage/images/icon-check-green.png);
  background-size: contain;
  left: 17px;
}

.underselectlist__item:not(:last-child) {
  position: relative;
}

.underselectlist__item:not(:last-child)::after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  height: 7px;
  width: 7px;
  border-bottom: 2px solid var(--color-main-green);
  border-right: 2px solid var(--color-main-green);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 769px) {
  .underselectlist__item:not(:last-child)::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 37px;
  }
}

@media (min-width: 769px) {
  .underselectlist__item:nth-child(2)::before {
    left: 11px;
  }
}

@media (min-width: 769px) {
  .underselectlist__item:nth-child(2)::after {
    right: 15px;
  }
}

@media (min-width: 769px) {
  .underselectlist__item:last-child::before {
    left: 17px;
  }
}

.underselectlist__name {
  font-size: 12px;
  font-weight: bold;
  color: var(--color-gray);
  margin-left: 22px;
}

@media (min-width: 769px) {
  .underselectlist__name {
    margin-left: 39px;
  }
}

.underselectlist__kariire-first {
  position: absolute;
  font-size: 14px;
  left: 153px;
}

@media (min-width: 769px) {
  .underselectlist__kariire-first {
    left: 82px;
  }
}

.underselectlist__kariire, .underselectlist__bonus {
  border: none;
  background: var(--color-blue10);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  width: 50%;
  font-size: 14px;
}

@media (min-width: 769px) {
  .underselectlist__kariire, .underselectlist__bonus {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.underselectlist__hensaiText {
  font-size: 14px;
  color: var(--color-gray);
  width: 50%;
  text-align: left;
}

@media (min-width: 769px) {
  .underselectlist__hensaiText {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 769px) {
  .prlabel {
    width: 105px;
    height: 18px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 1px;
    vertical-align: middle;
  }
}

@media (min-width: 769px) {
  .features__ttl {
    font-size: 14px;
    line-height: 140%;
  }
}

@media (min-width: 769px) {
  .featureslist .features__txt {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
    vertical-align: middle;
    margin-top: 16px;
  }
}

@media (min-width: 769px) {
  .features__note {
    font-weight: 300;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 1px;
    vertical-align: middle;
    color: #333333;
    margin-top: 12px;
  }
}

@media (min-width: 769px) {
  .featureslist .tab__inner {
    padding: 16px 58px;
  }
}

/*--------------- 銀行比較表------------------- */
.typetabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 343px;
  margin: auto;
  gap: 0 4px;
  cursor: pointer;
  position: relative;
  border-radius: 2px;
  display: none;
}

.bankchartara .typetabs {
  position: relative;
  margin-top: 16px;
}

.bankchartara .typetabs::before {
  position: absolute;
  display: block;
  content: "";
  height: 63px;
  width: 72px;
  right: 10px;
  top: -62px;
  margin: auto;
  background-image: url("/article/wp-content/themes/recruit-finance/images/rankingrenew/icon-bankchartara_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 769px) {
  .bankchartara .typetabs::before {
    height: 84px;
    width: 100px;
    top: -130px;
    bottom: 0;
    margin: auto;
    background-image: url(/article/wp-content/themes/recruit-finance/images/rankingrenew/icon-bankchartara_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -4px;
  }
}

.bankchart {
  overflow-x: scroll;
  border-top: 2px solid #6fba2c;
  margin-top: 16px;
}

.bankchart__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.charthead div:first-child {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.charthead div {
  background: #f3f4f5;
  width: 200px;
  height: 40px;
  color: var(--color-gray);
  text-align: center;
  padding: 8px 0;
  font-size: 11px;
  font-weight: bold;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.charthead div:last-child {
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 769px) {
  .charthead div {
    width: 80px;
  }
}

.chartbody {
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: 1fr;
  grid-template-rows: repeat(16, auto);
  max-height: 100vh;
}

.chartbody div {
  background: var(--color-white);
  text-align: center;
  font-size: 11px;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px;
  min-width: 120px;
  word-break: break-all;
}

.chartbody div:has(.c-btn) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 12px 0;
  padding: 8px;
}

@media (min-width: 769px) {
  .chartbody div:has(.c-btn) {
    padding: 16px 8px;
  }
}

.chartbody img {
  height: auto;
  width: 100px;
  margin: 0 auto;
  display: block;
}

.chartbody > :nth-child(-n+16) {
  width: 80px;
  background: #f3f4f5;
  font-size: 11px;
  color: var(--color-gray);
}

.chartbody div:first-child {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 769px) {
  .chartbody div:first-child {
    min-height: unset;
  }
}

.chartbody div:first-child {
  height: 33px;
}

.chartbody .c-btn {
  max-width: 311px;
  width: 100%;
  margin: 0 auto 0;
  background: #f37e00;
  -webkit-box-shadow: 0px -2px 0px 0px #e15f00 inset;
  box-shadow: 0px -2px 0px 0px #e15f00 inset;
  padding: 8px 7px;
}

@media (min-width: 769px) {
  .chartbody .c-btn {
    font-size: 12px;
  }
}

.chartbody .official {
  background: #6fba2c;
  -webkit-box-shadow: 0px -2px 0px 0px #55a61b inset;
  box-shadow: 0px -2px 0px 0px #55a61b inset;
}

@media (min-width: 769px) {
  .chartbody div {
    width: 120px;
  }
}

.chartbody .rate,
.chartbody .hensai,
.chartbody .amount {
  font-weight: bold;
}

.chartbody .index {
  background: #f3f4f5;
  font-size: 11px;
  font-weight: bold;
  color: var(--color-gray);
}

@media (min-width: 769px) {
  .chartbody .index {
    height: 33px;
    min-height: unset;
  }
}

/*--------------- 銀行比較表エンド------------------- */
.footer__navList {
  background: var(--color-blue10);
}

.pagelink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 28px;
}

@media (max-width: 768px) {
  .pagelink {
    display: none;
  }
}

.pagelink__item__link {
  font-size: 14px;
  font-weight: bold;
}

.active .pagelink__item__link {
  position: relative;
  color: var(--color-main-green);
}

.closebtn {
  width: 30px;
  height: 30px;
  margin-left: 0;
  background: url("/mypage/images/btn_close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
}

/*--------------- pc対応------------------- */
@media (max-width: 1201px) {
  .pcWrap {
    width: 100%;
    min-width: 1200px;
  }
}

@media (min-width: 769px) {
  .pcWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 40px;
    background: var(--color-blue10);
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  .pcWrap {
    min-width: unset;
  }
}

@media (min-width: 769px) {
  .pcWrap__left {
    max-width: 864px;
    width: 100%;
  }
}

@media (min-width: 769px) {
  .topContent,
  .colwrap {
    max-width: 864px;
    width: 100%;
  }
}

/*--------------- moldaltab------------------- */
.modalBg {
  background: -o-linear-gradient(top, var(--color-gray80) 44px, var(--color-gray60) 44px);
  background: linear-gradient(to bottom, var(--color-gray80) 44px, var(--color-gray60) 44px);
  padding: 0 16px 16px;
  margin: 0 -16px;
}

@media (min-width: 769px) {
  .modalBg {
    background: -o-linear-gradient(top, var(--color-gray80) 45px, var(--color-gray60) 45px);
    background: linear-gradient(to bottom, var(--color-gray80) 45px, var(--color-gray60) 45px);
    margin: 0 -36px;
  }
}

.moldaltab__l, .moldaltab__r, .moldaltab__lswitch, .moldaltab__rswitch {
  display: none;
}

.moldaltab__subtext {
  font-size: 11px;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  margin-top: 2px;
}

@media (min-width: 769px) {
  .moldaltab__subtext {
    font-size: 14px;
  }
}

@media (min-width: 769px) {
  .moldaltab__subtext br {
    display: none;
  }
}

.moldaltab__tabs {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  gap: 0 4px;
  background: unset;
  position: relative;
}

@media (min-width: 769px) {
  .moldaltab__tabs {
    margin-top: 0;
    max-width: 832px;
    margin: auto;
  }
}

.moldaltab__tabs::after {
  height: 2px;
  background: #9FA8AD;
  position: absolute;
  display: block;
  content: "";
  top: 44px;
  width: calc(100% + 32px);
  margin: auto;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  z-index: 4;
}

@media (min-width: 769px) {
  .moldaltab__tabs::after {
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 45px;
  }
}

.moldaltab__tab {
  width: 50%;
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd4d6;
  border-bottom: 0;
  background: var(--color-white);
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  border-radius: 4px 4px 0 0 !important;
}

.moldaltab__tabcontent {
  margin-top: 12px;
}

.moldaltab:has(.moldaltab__lswitch:checked) .moldaltab__l,
.moldaltab:has(.moldaltab__rswitch:checked) .moldaltab__r {
  display: block;
}

.moldaltab:has(.moldaltab__lswitch:checked) .moldaltab__tab--left,
.moldaltab:has(.moldaltab__rswitch:checked) .moldaltab__tab--right {
  background: #6fba2c;
  color: var(--color-white);
  border: none;
  font-weight: 600;
}

.modal__innerclose {
  font-weight: normal;
  font-size: 14px;
  border-top: 1px solid #edebec;
  display: grid;
  place-items: center;
  margin: 20px -16px 0;
  padding: 24px 0 4px;
  cursor: pointer;
}

@media (min-width: 769px) {
  .modal__innerclose {
    margin: 20px 0 0;
    padding: 25px 0 20px;
  }
}

@media (min-width: 769px) {
  .modalItem--supplement {
    padding: 0;
  }
}

.modalItem--supplement .c-btn {
  padding: 16px 0;
}

@media (min-width: 769px) {
  .modalItem--supplement .c-btn {
    max-width: 311px;
    margin: 24px auto 0;
  }
}

.supplement__innermodal {
  display: none;
}

.active {
  display: block;
}

.supplement__innermodal--shikokubank .modal-ttl {
  color: #0E1213;
  font-size: 24px;
  border-bottom: 1px dashed #0E1213;
  line-height: 36px;
  letter-spacing: 0.024em;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  display: block;
}

.supplement__innermodal--shikokubank .modal-check {
  margin-top: 24px;
  font-size: 14px;
  line-height: 28.8px;
  letter-spacing: 0.024em;
  position: relative;
}

.supplement:has(.supplement__innermodal--amashin.active) .btnbox,
.supplement:has(.supplement__innermodal--hyakugo.active) .btnbox,
.supplement:has(.supplement__innermodal--meigin.active) .btnbox {
  display: none;
}

.supplement__title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
}

.supplement__text {
  font-size: 14px;
  line-height: 28.8px;
  letter-spacing: 0.024em;
  position: relative;
}

.supplement__note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
  color: var(--color-gray);
}

.supplement__img {
  width: 100%;
  margin-top: 24px;
}

@media (min-width: 769px) {
  .supplement__img {
    margin: 32px auto 0;
  }
}

.supplement__close {
  font-weight: normal;
  font-size: 14px;
  border-top: 1px solid #edebec;
  display: grid;
  place-items: center;
  margin: 20px -16px 0;
  padding: 14px 0;
  cursor: pointer;
}

@supports (-webkit-touch-callout: none) {
  select {
    color: black;
  }
}

.js-show {
  display: none;
}

@media (min-width: 769px) {
  .js-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.bank_btn_modal,
.js-supplementbtn {
  display: none;
}

@supports (-webkit-hyphens: none) {
  @media (min-width: 769px) {
    .c-titleArea__title::before {
      top: -3px;
    }
  }
}

/*# sourceMappingURL=../../_maps/mypage/css/style.css.map */