/* flag */
:root {
  --space-4xs: .4rem;
  --space-3xs: .8rem;
  --space-2xs: 1rem;
  --space-xs: 1.1rem;
  --space-sm: 1.2rem;
  --space-ms: 1.4rem;
  --space-md: 1.6rem;
  --space-mx: 1.8rem;
  --space-lg: 2.0rem;
  --space-xl: 2.4rem;
  --space-2xl: 3.2rem;
  --space-3xl: 4.0rem;
  --space-4xl: 4.8rem;
  --color-brand: #0d9488;
  --color-brand-strong: #007349;
  --color-brand-soft: #dff3ea;
  --color-brand-pale: #eef9f4;
  --color-accent: #8ee0c2;
  --color-bg: #f4f6f8;
  --color-surface: #ffffff;
  --color-surface-muted: #f8fafc;
  --color-text-main: #14212b;
  --color-text-sub: #5f6f7d;
  --color-text-soft: #8a98a5;
  --color-line: #e2e8f0;
  --color-line-soft: #edf2f7;
  --color-danger: #d84b56;
  --color-danger-soft: #fff1f2;
  --color-warning: #ffb020;
  --shadow-card: 0 12px 36px rgba(15, 23, 42, 0.06);
  --shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.05);
  --shadow-cta: 0 -6px 24px rgba(15, 23, 42, 0.08);
  --radius-hero: 0 0 34px 34px;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --fz-display: 34px;
  --fz-title: 23px;
  --fz-body-lg: 18px;
  --fz-body: 17px;
  --fz-body-sm: 16px;
  --fz-caption: 13px;
  --lh-display: 1.34;
  --lh-title: 1.42;
  --lh-body: 1.65;
  --tracking-tight: -0.03em;
}

@media (max-width: 389px) {
  :root {
    --fz-display: 31px;
    --fz-title: 21px;
    --fz-body-lg: 17px;
    --fz-body: 15px;
    --fz-body-sm: 14px;
  }
}
/* function */
.tab-wrap.method .tab-list .tab {
  width: 38%;
  box-shadow: inset 0 0 0 0.1rem #ecedef;
  border: none;
}
.tab-wrap.method .tab-list .tab:hover {
  box-shadow: none;
}
.tab-wrap.method .tab-list-wrap {
  margin-top: 0;
}

.info_group01 {
  padding-bottom: 4rem;
}
.info_group01 .tit-label.nochk::after {
  display: none;
}

.cp-content .month {
  border-radius: 1.2rem;
  background: #e8f7f2;
  border: 1px solid #ecedef;
  padding: 1.6rem 2rem;
  height: 5.2rem;
}
.cp-content .month ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cp-content .month ul li {
  font-size: 1.6rem;
  margin-top: 0;
  font-weight: 500;
  line-height: 100%;
}
.cp-content .month ul li.bold {
  font-size: 2rem;
  color: #1d2022;
  font-weight: 500;
}
.cp-content .month ul li.bold b {
  color: #00915a;
}

.modalPop.cp-content {
  margin-top: 0;
}
.modalPop .modal {
  margin-top: 2.4rem;
}
.modalPop .modalWrap {
  background-color: #fff;
  padding: 0 0 2.4rem;
  box-sizing: border-box;
}
.modalPop .modalWrap.middle {
  max-width: 30.5rem;
}
.modalPop .modal-header.email {
  padding: 2.4rem 2rem 1.4rem 3rem;
}
.modalPop .modal-header .mp-title {
  flex: 1;
  text-align: left;
}
.modalPop .modal-header .mp-title.dep01 {
  font-size: 2.4rem;
  color: #363b3f;
  font-weight: 700;
}
.modalPop .modal-header .mp-title.dep01::after {
  display: none;
}
.modalPop .modal-container.bank {
  padding: 3rem;
  padding-bottom: 3rem !important;
  margin-left: 0;
}
.modalPop .modal-container .bank_info {
  text-align: center;
}
.modalPop .modal-container .bank_info p {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  color: #363b3f;
}
.modalPop .modal-container .bank_info ul {
  display: inline-block;
  text-align: left;
  margin-top: 1.6rem;
}
.modalPop .modal-container .bank_info ul li {
  margin-top: 1.6rem;
  color: #00915a;
  font-weight: bold;
  padding-left: 3.4rem;
}
.modalPop .modal-container .bank_info ul li:first-child {
  background: url(../images/ico_flip.png) 11px 2px no-repeat;
}
.modalPop .modal-container .bank_info ul li:last-child {
  background: url(../images/ico_cash.png) 11px 2px no-repeat;
}
.modalPop .modal-container .bank_info ul li img {
  margin-top: 0;
  margin-right: 0.8rem;
}
.modalPop .modal-container.emailpop {
  margin-top: 4.4rem;
  padding-right: 2.4rem;
  padding-bottom: 11.1rem;
}
.modalPop .modal-container.emailpop h3 {
  font-size: 1.8rem;
  font-weight: 500;
}
.modalPop .modal-container.emailpop .attention2 {
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}
.modalPop .modal-container.emailpop .attention2 p {
  font-size: 1.4rem;
}
.modalPop .modal-container.emailpop .attention2 .notice li {
  color: #363b3f;
}
.modalPop .modal-container.emailpop h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1.6rem;
}
.modalPop .modal-container.emailpop h4.red {
  color: #D8355C;
}
.modalPop .modal-container.emailpop .field {
  margin-left: 2rem;
}
.modalPop .modal-container.emailpop .field .field-label {
  width: auto;
}
.modalPop .modal-container.emailpop p.color2 {
  color: #4d545b;
  margin-top: 1rem;
}
.modalPop .modal-container.emailpop .notice {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
.modalPop .modal-container.terms p {
  color: #363b3f;
  margin-top: 1rem;
}
.modalPop .modal-container.terms p.title {
  color: #363b3f;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 0;
}
.modalPop .modal-container.terms p.pop_border {
  margin-top: 1.6rem;
  background: #f9fafa;
  border-radius: 1.2rem;
  padding: 2rem;
  margin-bottom: 2.4rem;
}
.modalPop .modal-container.terms h2::after {
  display: none;
}
.modalPop .modal-container.terms h3 {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
}
.modalPop .modal-container.terms h3.title {
  font-size: 1.8rem;
  font-weight: 500;
  color: #363b3f;
  margin-bottom: 1rem;
}
.modalPop .modal-container.terms h4 {
  font-size: 1.6rem;
  margin-top: 1.6rem;
}
.modalPop .modal-container.terms h4.import {
  color: #D8355C;
}
.modalPop .modal-container.terms h4 b.normal {
  font-weight: 400;
}
.modalPop .modal-container.terms h4.nomargin {
  margin-top: 0;
}
.modalPop .modal-container.terms .accordion-wrap.type2 {
  margin-bottom: 7rem;
}
.modalPop .modal-container.terms .type2 .tab-list .tab, .modalPop .modal-container.terms.type2 .tab-list .tab {
  background: #fff;
  color: #363b3f;
  width: 50%;
}
.modalPop .modal-container.terms .type2 .tab-list .tab ._is-active a, .modalPop .modal-container.terms.type2 .tab-list .tab ._is-active a {
  border-radius: 0;
}
.modalPop .modal-container.terms .type2 .tab-list .tab:first-child, .modalPop .modal-container.terms.type2 .tab-list .tab:first-child {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0;
}
.modalPop .modal-container.terms .type2 .tab-list .tab:first-child:hover a, .modalPop .modal-container.terms .type2 .tab-list .tab:first-child._is-active a, .modalPop .modal-container.terms.type2 .tab-list .tab:first-child:hover a, .modalPop .modal-container.terms.type2 .tab-list .tab:first-child._is-active a {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0;
  background: #31bb87;
  color: #fff;
}
.modalPop .modal-container.terms .type2 .tab-list .tab:last-child, .modalPop .modal-container.terms.type2 .tab-list .tab:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0.8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.8rem;
}
.modalPop .modal-container.terms .type2 .tab-list .tab:last-child:hover a, .modalPop .modal-container.terms .type2 .tab-list .tab:last-child._is-active a, .modalPop .modal-container.terms.type2 .tab-list .tab:last-child:hover a, .modalPop .modal-container.terms.type2 .tab-list .tab:last-child._is-active a {
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0;
  background: #31bb87;
  color: #fff;
}
.modalPop .modal-container.terms .type2 .tab_wrap, .modalPop .modal-container.terms.type2 .tab_wrap {
  margin-bottom: 30px;
}
.modalPop .modal-container.terms .type2 .tab-list .tab ~ .tab, .modalPop .modal-container.terms.type2 .tab-list .tab ~ .tab {
  margin-left: 0;
}
.modalPop .modal-container.terms .type2 .opt-box, .modalPop .modal-container.terms.type2 .opt-box {
  margin-left: 1rem;
}
.modalPop .modal-container.terms .type2 .opt-box .field-radio, .modalPop .modal-container.terms.type2 .opt-box .field-radio {
  width: 48.5%;
}
.modalPop .modal-container.terms .type2 .opt-box .field-radio .field-label, .modalPop .modal-container.terms.type2 .opt-box .field-radio .field-label {
  width: 100%;
}
.modalPop .modal-container.terms .type2 .tbl_notice li, .modalPop .modal-container.terms.type2 .tbl_notice li {
  color: #4d545b;
}
.modalPop .modal-container.terms .type2 .notice, .modalPop .modal-container.terms.type2 .notice {
  margin-bottom: 0.8rem;
}
.modalPop .modal-container.terms .type2 .space, .modalPop .modal-container.terms.type2 .space {
  margin-top: 0.8rem;
}
.modalPop .modal-container.terms .type2 .term_border, .modalPop .modal-container.terms.type2 .term_border {
  margin: 0 1rem;
}
.modalPop .modal-container.terms .type2 .term_border .opt-box, .modalPop .modal-container.terms.type2 .term_border .opt-box {
  margin-left: 0;
}
.modalPop .modal-container.terms .type2 .accordion-contents .notice, .modalPop .modal-container.terms.type2 .accordion-contents .notice {
  margin-bottom: 0.8rem;
}
.modalPop .modal-container.terms .type2 .accordion-contents .notice li, .modalPop .modal-container.terms.type2 .accordion-contents .notice li {
  padding-left: 2rem;
}
.modalPop .modal-container.terms .type2 .accordion-contents p, .modalPop .modal-container.terms.type2 .accordion-contents p {
  margin-top: 1.6rem;
}
.modalPop .modal-container.terms .type2 .accordion-contents p.letter, .modalPop .modal-container.terms.type2 .accordion-contents p.letter {
  letter-spacing: -0.06rem;
}
.modalPop .modal-container.terms .type2 .term_chk .field-group + .field-group, .modalPop .modal-container.terms.type2 .term_chk .field-group + .field-group {
  margin-top: 0;
}
.modalPop .modal-container.terms .type2 .term_chk .field, .modalPop .modal-container.terms.type2 .term_chk .field {
  margin-top: 1.5rem;
}
.modalPop .modal-container.terms .type2 .term_chk .field .textBox input[type=checkbox] ~ .field-label, .modalPop .modal-container.terms.type2 .term_chk .field .textBox input[type=checkbox] ~ .field-label {
  padding: 1.3rem 1rem;
  background: #f4f5f6;
  box-shadow: inset 0 0 0 0.1rem #ecedef;
}
.modalPop .modal-container.terms .type2 .term_chk .field .textBox input[type=checkbox], .modalPop .modal-container.terms.type2 .term_chk .field .textBox input[type=checkbox] {
  /*
  &:hover{
      ~ .field-label{
          background: url(../images/chk_info_white.png) 10px 16px no-repeat;
          background-color:$color-light-green4;
          color: $color-white;
          box-shadow: none;
      }
  }*/
}
.modalPop .modal-container.terms .type2 .term_chk .field .textBox input[type=checkbox]:checked ~ .field-label, .modalPop .modal-container.terms.type2 .term_chk .field .textBox input[type=checkbox]:checked ~ .field-label {
  background: url(../images/chk_info_white.png) 10px 16px no-repeat;
  background-color: #31bb87;
  color: #fff;
  box-shadow: none;
}
.modalPop .modal-container.terms .type2 .term_chk .field .textBox .field-checkbox, .modalPop .modal-container.terms.type2 .term_chk .field .textBox .field-checkbox {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.modalPop .modal-container.terms .type2 .term_scroll, .modalPop .modal-container.terms.type2 .term_scroll {
  border: 1px solid #dee0e3;
  overflow-y: auto;
  max-height: 12.8rem;
  padding: 1rem;
}
.modalPop .modal-container.terms .type2 .term_scroll.short, .modalPop .modal-container.terms.type2 .term_scroll.short {
  max-height: 12.8rem;
}
.modalPop .modal-container.terms .type2 .term_scroll .term_img, .modalPop .modal-container.terms.type2 .term_scroll .term_img {
  text-align: center;
  margin-top: 1rem;
}
.modalPop .modal-container.terms .type2 .term_scroll .term_img img, .modalPop .modal-container.terms.type2 .term_scroll .term_img img {
  display: inline-block;
}
.modalPop .modal-container.terms .type2 .term_scroll .term_img a, .modalPop .modal-container.terms.type2 .term_scroll .term_img a {
  display: block;
  color: #1f865f;
  margin-top: 1.5rem;
}
.modalPop .modal-container.terms .type2 .term_scroll .term_img .ico-arrow-more, .modalPop .modal-container.terms.type2 .term_scroll .term_img .ico-arrow-more {
  vertical-align: -2px;
  margin-left: -0.5rem;
  background: url(../images/ico_arrow_more.svg) no-repeat center center;
}
.modalPop .modal-container.terms .notice li::before {
  content: "";
  display: block;
  top: 1.1rem;
}
.modalPop .modal-container.terms .notice_number li {
  padding-left: 1.6rem;
  text-indent: -1.6rem;
  line-height: 1.6;
}
.modalPop .modal-container.jop {
  padding-right: 3rem;
  padding-bottom: 20rem;
}
.modalPop .modal-container.jop .field-outline .srch {
  width: 93%;
}
.modalPop .modal-container.jop p.notice {
  color: #656e76;
}
.modalPop .modal-container.jop h4 {
  font-size: 1.6rem;
  margin-top: 0;
}
.modalPop .modal-container.jop .flex {
  justify-content: space-between;
  margin-top: 4rem;
  border-bottom: 0.2rem solid #dee0e3;
  padding-bottom: 0.7rem;
}
.modalPop .modal-container.jop .flex.noline {
  border-bottom: none;
  padding: 0;
  margin-top: 3rem;
}
.modalPop .modal-container.jop .result div {
  padding: 1.2rem;
  border-bottom: 0.1rem solid #ecedef;
  display: block;
}
.modalPop .modal-container.jop .result div.active {
  background: #f2faf6;
}
.modalPop .modal-container.jop .result div p {
  font-size: 1.6rem;
  color: #4d545b;
}
.modalPop .modal-container.jop .result div span {
  color: #656e76;
  display: block;
  margin: 0.4rem 0 0.4rem;
}
.modalPop .modal-container.jop .result div span b {
  font-size: 1.2rem;
  border: 1px solid #d0d4d7;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
  color: #7e8791;
  font-weight: normal;
  margin-right: 0.4rem;
  height: 2rem;
  display: inline-block;
}
.modalPop .modal-container.jop .empty {
  background: #f4f5f6;
  text-align: center;
}
.modalPop .modal-container.jop .empty span {
  margin: 3rem auto;
  color: #7e8791;
  font-size: 1.4rem;
}
.modalPop .modal-container.jop .addr_pop {
  margin-top: 0;
  width: 98%;
}
.modalPop .modal-container.jop input {
  width: 100%;
}
.modalPop .modal-container.jop .addr_srch {
  margin-top: 4rem;
}
.modalPop .modal-container.jop .addr_srch p {
  font-size: 1.6rem;
  color: #00915a;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.modalPop .modal-container.jop .addr_srch .notice li {
  color: #363b3f;
  margin-bottom: 1rem;
}
.modalPop .modal-container.jop button.typeS {
  width: 6.1rem;
  margin-left: 0.4rem;
}
.modalPop .modal-container.jop .divide {
  margin-top: 1rem !important;
}
.modalPop .modal-container.email ._modalBtn {
  right: -1.6rem;
}
.modalPop .modal-container.email .divide {
  background: #fff;
  padding: 1rem;
  border: 1px solid #ecedef;
  border-radius: 1.2rem;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.modalPop .modal-container.email .divide .block2 {
  margin: 0.8rem 2.2rem 0.8rem 1.2rem;
  align-items: center;
}
.modalPop .modal-container.email .divide ._modalBtn {
  right: -1.6rem;
}
.modalPop .modal-container .agree {
  padding: 2rem !important;
  margin-top: 3rem !important;
}
.modalPop .modal-container .agree .attention6 {
  box-shadow: none;
  border: none;
}
.modalPop .modal-container .agree .attention6 p {
  margin: 0.4rem 0.8rem 0.8rem;
  color: #99a1a8;
}
.modalPop .modal-container .agree .attention6 .btn {
  margin: 0;
  margin-top: 1.6rem;
}
.modalPop .modal-container .agree .attention6 .btn.arrow::before {
  right: 42%;
  border-left: 1.5px #fff solid;
  border-bottom: 1.5px #fff solid;
}
.modalPop .modal-container .agree .attention6 ul {
  padding-bottom: 0.6rem;
  margin-top: 0.5rem;
  width: auto;
}
.modalPop .modal-container .agree .attention6 ul:last-of-type {
  border-bottom: none;
}
.modalPop .modal-container .agree .attention6 ul li {
  padding: 0.5rem 0.8rem 0;
}
.modalPop .modal-container .agree .attention6 ul li:last-child {
  color: #4d545b;
  font-size: 1.4rem;
}
.modalPop .modal-container .agree .attention6 ul li.cash {
  font-size: 1.6rem;
  color: #363b3f;
}
.modalPop .modal-container .agree .attention6 ul li.cash b {
  color: #00915a;
  font-size: 1.8rem;
}
.modalPop .modal-container .agree .attention6 .subject {
  background: #effbff;
  border-radius: 1.9rem;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0.8rem;
  display: inline-block;
}
.modalPop .modal-container .agree .attention6 .subject p {
  color: #0088d4;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  margin: 0;
}
.modalPop .modal-container .agree .attention6 .subject span {
  color: #0088d4;
  font-size: 1.4rem;
}
.modalPop .modal-container.tiny {
  padding: 2rem 2rem 3rem 2rem;
  margin: 0;
}
.modalPop .modal-container.tiny .btn {
  width: 48%;
}
.modalPop .modal-container.tiny .bank_info p {
  margin-top: 0.8rem;
}
.modalPop .modal-container.tiny .bank_info p b {
  color: #00915a;
}
.modalPop .modal-container.sign {
  padding-bottom: 8rem;
  padding-right: 3rem;
}
.modalPop .modal-footer.bank {
  box-shadow: none;
}
.modalPop .modal-footer.space {
  box-shadow: none;
  padding: 0.8rem 2rem 2rem 2rem;
}
.modalPop .modal-footer.bottom {
  padding: 0.8rem 3rem 0;
}
.modalPop .modal-footer.bottom .btn {
  width: 48%;
}

.tab-list.block li {
  width: 48.5%;
  border-radius: 0;
}
.tab-list.block li:first-child a, .tab-list.block li:first-child a:hover {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab-list.block li:last-child a, .tab-list.block li:last-child a:hover {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.flex.half {
  margin-top: 0.8rem;
  gap: 0.4rem;
}
.flex.half .left {
  width: 100%;
}
.flex.half .right {
  width: 13%;
}

.field .textBox.type2 .field-checkbox.half {
  width: calc(50.5% - 0.8rem);
}

.info_group02 {
  margin-top: 2.4rem;
}
.info_group02 .flex {
  gap: 0.4rem;
}
.info_group02 .flex .field {
  flex: 1;
}
.info_group02 .flex .field .field-outline.txt-group:first-of-type {
  margin-right: 0;
}
.info_group02 .field-msg {
  display: none;
  color: #D8355C;
  font-size: 1.2rem;
}
.info_group02 .field-msg .ico-error {
  display: inline-block;
}
.info_group02 .field-msg .ico-error:before {
  content: "";
  display: block;
  background: url(../images/ico_error.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
}
.info_group02 + .field.mt2 {
  padding-bottom: 4rem;
}

.gap-add .flex {
  gap: 0.4rem;
}
.gap-add .field {
  flex: 1;
}
.gap-add .field-msg {
  display: block;
  color: #D8355C;
  font-size: 1.2rem;
}
.gap-add .field-msg .ico-error {
  display: inline-block;
}
.gap-add .field-msg .ico-error:before {
  content: "";
  display: block;
  background: url(../images/ico_error.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.sign-box {
  max-width: 40rem;
  max-height: 144rem;
  background: #f4f5f6;
  width: 100%;
  height: 14.4rem;
  margin-bottom: 0.8rem;
}

.btn_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn_sign {
  border: 1px solid #dee0e3;
  padding: 0.5rem 1.2rem 0.5rem 2.5rem;
  font-size: 1.4rem;
  color: #363b3f;
  border-radius: 0.8rem;
  background: url(../images/ico_format.svg) 8px 8px no-repeat;
  width: 7.8rem;
}
.btn_sign:hover, .btn_sign._is-active {
  background-color: #f9fafa;
  border: 1px solid #d0d4d7;
}