@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

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

html {
  font-size: 62.5%;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}

.noto {
  font-family: "Noto Sans JP", sans-serif;
}

input,
button {
  font-family: "Noto Sans JP", sans-serif;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  min-height: 100vh;
  color: #333333;
  background-color: #fff8f5;
}
@media screen and (max-width: 767px) {
  body .scroll_hidden {
    overflow: hidden;
    width: 100%;
    height: 100vh;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

a {
  color: #e04d1f;
  outline: none;
  font-style: normal;
  text-decoration: underline;
  transition: all 0.3s ease;
}

a:link {
  font-style: normal;
}

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

a img {
  outline: none;
}

a:focus {
  outline: none;
}

section {
  margin: 0 auto;
  position: relative;
}

img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

main {
  display: block;
  min-width: auto;
}
@media screen and (max-width: 767px) {
  main {
    min-width: auto;
    background: none;
  }
}

.inner {
  width: 1170px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 767px) {
  .sp {
    display: none !important;
  }
}
/*************
共通パーツ
*************/
.btn {
  display: block;
  width: 27rem;
  height: 4rem;
  border-radius: 0.5rem;
  margin: 0 auto;
  color: #ffffff;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.btn_main {
  background-color: #e04d1f;
}

.btn_sub {
  background-color: #cccc00;
}

.pager nav {
  display: block;
}
.pager .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4.3rem 0 6.1rem;
}
.pager .pagination li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  width: 2.2rem;
  height: 2.4rem;
}
.pager .pagination li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.pager .pagination li.prev {
  margin: 0;
  color: transparent;
  margin-right: 3.6rem;
}
.pager .pagination li.prev a {
  color: transparent;
}
.pager .pagination li.prev::before {
  content: "◀";
  font-size: 60%;
  transform: scaleX(0.7);
  color: #333333;
  position: absolute;
  left: 1rem;
}
.pager .pagination li.next {
  margin: 0;
  color: transparent;
  margin-left: 3.6rem;
}
.pager .pagination li.next a {
  color: transparent;
}
.pager .pagination li.next::before {
  content: "▶";
  font-size: 60%;
  transform: scaleX(0.7);
  color: #333333;
  position: absolute;
  right: 1rem;
}
.pager .pagination li.active {
  background-color: #e04d1f;
  color: #ffffff;
}

header .inner {
  height: 7.8rem;
  display: flex;
  justify-content: space-between;
}
header .inner .left {
  display: flex;
  align-items: center;
}
header .inner .left .logo {
  display: block;
  width: 13rem;
}
header .inner .right {
  display: flex;
  align-items: flex-end;
}
header .inner .right .btn_mypage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #e04d1f;
  color: #ffffff;
  width: 20.3rem;
  height: 3.4rem;
  text-decoration: none;
  border-radius: 5px;
  margin: 0 1.5rem 1.5rem 0;
  padding-left: 1.2rem;
}
header .inner .right .btn_mypage::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.6rem;
  background-color: #ffffff;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
header .inner .right .logout {
  display: block;
  padding-bottom: 2.2rem;
}
header .inner .right .logout .gicon {
  display: inline-block;
  font-size: 1.8rem;
  vertical-align: bottom;
  margin-left: 0.8rem;
}

nav {
  display: flex;
  align-items: center;
}

footer {
  margin-top: 10rem;
  text-align: center;
  padding: 2rem 0;
  background-color: #FFFFFF;
  line-height: 1.6;
}
footer a {
  color: #333333;
  text-decoration: none;
}

main#index .inner {
  padding-top: 12.8rem;
}

main#index .inner h1 {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}

main#index .inner ul {
  margin-top: 7.1rem;
  margin-bottom: 10rem;
}

main#index .inner ul li {
  margin-top: 4rem;
  text-align: center;
}

main#regist_member .inner .wrap {
  background-color: #ffffff;
  padding: 3.5rem 10.5rem 6rem;
}
main#regist_member .inner .wrap.form {
  padding-top: 3.5rem;
}
main#regist_member .inner .wrap.agreement {
  margin-top: 5.7rem;
  padding-top: 6.2rem;
}
main#regist_member .inner .wrap.agreement p.text {
  font-size: 1.6rem;
}
main#regist_member .inner .wrap .center {
  text-align: center;
}
main#regist_member .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}
main#regist_member .inner .wrap .flow.step1 .line li:nth-child(1)::before {
  background-color: #e04d1f;
}
main#regist_member .inner .wrap .flow.step2 .line li:nth-child(1)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#regist_member .inner .wrap .flow.step3 .line li:nth-child(2)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#regist_member .inner .wrap .flow .line {
  margin: 5.3rem auto 0;
  display: flex;
  justify-content: center;
}
main#regist_member .inner .wrap .flow .line li {
  width: 14.6rem;
  border-top: 1px dashed #d3d3d3;
  position: relative;
}
main#regist_member .inner .wrap .flow .line li:nth-child(1)::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
}
main#regist_member .inner .wrap .flow .line li::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
main#regist_member .inner .wrap .flow .text {
  width: 39.4rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
main#regist_member .inner .wrap .flow .text li {
  width: 10rem;
  text-align: center;
}
main#regist_member .inner .wrap .description {
  margin-top: 5.8rem;
  text-align: center;
  line-height: 1.4285714286;
}
main#regist_member .inner .wrap .description span {
  display: inline-block;
  color: #ffffff;
  background-color: #ff3838;
  padding: 0 5px;
}
main#regist_member .inner .wrap .member {
  margin-top: 4.7rem;
}
main#regist_member .inner .wrap .member h2 {
  font-size: 2.6rem;
  font-weight: bold;
}
main#regist_member .inner .wrap .member * + h2 {
  margin-top: 7.7rem;
}
main#regist_member .inner .wrap .member .text {
  margin-top: 1rem;
}
main#regist_member .inner .wrap .member dl {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
main#regist_member .inner .wrap .member dl dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  border-top: 1px solid #d3d3d3;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
}
main#regist_member .inner .wrap .member dl dt:nth-child(1) {
  border-top: none;
}
main#regist_member .inner .wrap .member dl dt.required {
  position: relative;
}
main#regist_member .inner .wrap .member dl dt.required::after {
  content: "必須";
  font-size: 1.2rem;
  line-height: 1;
  width: 3.2rem;
  height: 1.7rem;
  color: #ffffff;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 4rem;
  padding-bottom: 0.2rem;
  font-weight: 400;
}
main#regist_member .inner .wrap .member dl dd {
  padding: 1.6rem 0 1.6rem 3rem;
  border-top: 1px solid #d3d3d3;
  width: calc(100% - 32rem);
}
main#regist_member .inner .wrap .member dl dd.credit_info div {
  padding-right: 8.5rem;
  font-size: 1.5rem;
}
main#regist_member .inner .wrap .member dl dd.credit_info div:last-child {
  padding-right: 8.5rem;
}
main#regist_member .inner .wrap .member dl dd:nth-child(2) {
  border-top: none;
}
main#regist_member .inner .wrap .member dl dd .notice {
  margin-top: 1rem !important;
}
main#regist_member .inner .wrap .member dl dd label.error,
main#regist_member .inner .wrap .member dl dd p.error,
main#regist_member .inner .wrap .member dl dd .check_member_id {
  color: #ff3838;
  margin-top: 1rem !important;
  width: 100% !important;
  display: block;
}
main#regist_member .inner .wrap .member dl dd label.error.usable,
main#regist_member .inner .wrap .member dl dd p.error.usable,
main#regist_member .inner .wrap .member dl dd .check_member_id.usable {
  color: #0082cb;
}
main#regist_member .inner .wrap .member dl dd p.error {
  order: 4;
}
main#regist_member .inner .wrap .member dl dd #payjp_message {
  display: block;
  color: #ff3838;
  margin-top: 1.2rem;
  text-align: center;
  font-size: 1.4rem;
}
main#regist_member .inner .wrap .member dl dd input[type=text],
main#regist_member .inner .wrap .member dl dd input[type=password] {
  width: 61rem;
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}
main#regist_member .inner .wrap .member dl dd.some div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
main#regist_member .inner .wrap .member dl dd.some div:not(:first-child) {
  margin-top: 2.6rem;
}
main#regist_member .inner .wrap .member dl dd.some .member_id input {
  order: 1;
}
main#regist_member .inner .wrap .member dl dd.some .member_id label {
  order: 3;
}
main#regist_member .inner .wrap .member dl dd.some .member_id button {
  order: 2;
}
main#regist_member .inner .wrap .member dl dd.some span.fieldwrap {
  width: 39.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main#regist_member .inner .wrap .member dl dd.some span.fieldwrap input {
  order: 1;
}
main#regist_member .inner .wrap .member dl dd.some span.fieldwrap label {
  order: 3;
}
main#regist_member .inner .wrap .member dl dd.some span.fieldwrap button {
  order: 2;
}
main#regist_member .inner .wrap .member dl dd.some.credit_info span.fieldwrap {
  width: 31.3rem;
}
main#regist_member .inner .wrap .member dl dd.some span.selectwrap {
  position: relative;
}
main#regist_member .inner .wrap .member dl dd.some label {
  display: inline-block;
  width: 18.9rem;
}
main#regist_member .inner .wrap .member dl dd.some.credit_info label {
  padding-top: 0;
}
main#regist_member .inner .wrap .member dl dd.some.credit_info .error {
  white-space: nowrap;
}
main#regist_member .inner .wrap .member dl dd.some .authorization {
  text-align: center;
  margin-top: 3rem !important;
  display: block;
}
main#regist_member .inner .wrap .member dl dd.some .authorization button {
  font-size: 1.5rem;
}
main#regist_member .inner .wrap .member dl dd select {
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #e04d1f, #e04d1f);
  background-position: calc(100% - 2.3rem) 2rem, calc(100% - 1.65rem) 2rem, 100% 0;
  background-size: 0.7rem 0.6rem, 0.7rem 0.6rem, 4.6rem 4.6rem;
  background-repeat: no-repeat;
  cursor: pointer;
}
main#regist_member .inner .wrap .member dl dd button {
  width: 28.4rem;
  height: 4.6rem;
  color: #fff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  cursor: pointer;
}
main#regist_member .inner .wrap .member dl dd .authorization button {
  width: 38.4rem;
  height: 5.6rem;
}
main#regist_member .inner .wrap .member dl dd .authorization div.authorization_success {
  display: block;
  width: 38.4rem;
  height: 5.6rem;
  margin: 0;
  padding: 0;
  line-height: 5.6rem;
  color: #0082cb;
  border-radius: 5px;
  border: 1px solid #0082cb;
  outline: none;
  text-align: center;
}
main#regist_member .inner .wrap .member dl dd input#postal_code {
  width: 23.6rem;
}
main#regist_member .inner .wrap .member dl dd select#pref {
  width: 23.6rem;
  margin-right: 16.2rem;
}
main#regist_member .inner .wrap .member dl dd input#city {
  width: 39.8rem;
}
main#regist_member .inner .wrap .member dl dd input#address {
  width: 39.8rem;
}
main#regist_member .inner .wrap .member dl dd button#post_search {
  width: 14.8rem;
}
main#regist_member .inner .wrap .member dl dd input#member_id {
  width: 37.2rem;
}
main#regist_member .inner .wrap .member dl dd button#id_search {
  width: 22.4rem;
}
main#regist_member .inner .wrap .member dl dd input#pin {
  width: 31.3rem;
}
main#regist_member .inner .wrap .member dl dd select#expiration_month {
  width: 14.1rem;
}
main#regist_member .inner .wrap .member dl dd select#expiration_year {
  width: 15.8rem;
}
main#regist_member .inner .wrap .member dl dd input#security_code {
  width: 14.1rem;
}
main#regist_member .inner .wrap .member dl dd.radio_btn label {
  display: block;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  opacity: 0;
  width: 1px;
  position: absolute;
  height: 1px;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 3rem;
  border-radius: 4px;
  margin-left: -0.4rem;
  font-size: 1.8rem;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] + span::before,
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] + span::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
  box-sizing: border-box;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] + span::before {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #707070;
  left: 0.5rem;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio] + span::after {
  width: 0.9rem;
  height: 0.9rem;
  background: #707070;
  left: 0.8rem;
  opacity: 0;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio]:checked + span::before {
  border: 1px solid #e04d1f;
}
main#regist_member .inner .wrap .member dl dd.radio_btn input[type=radio]:checked + span::after {
  background: #e04d1f;
  opacity: 1;
}
main#regist_member .inner .wrap .policy {
  margin-top: 3.5rem;
}
main#regist_member .inner .wrap .policy article .first {
  font-size: 1.6rem;
}
main#regist_member .inner .wrap .policy article dl {
  margin-top: 2rem;
}
main#regist_member .inner .wrap .policy article dl dt {
  margin-top: 3.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
main#regist_member .inner .wrap .policy article dl dd {
  margin-top: 1.5rem;
  margin-left: 2rem;
  font-size: 1.6rem;
}
main#regist_member .inner .wrap .policy article dl dd ol li {
  display: flex;
}
main#regist_member .inner .wrap .policy article dl dd ol li::before {
  display: inline-block;
  white-space: nowrap;
}
main#regist_member .inner .wrap .policy article dl dd ol li:nth-child(1)::before {
  content: "a ）";
}
main#regist_member .inner .wrap .policy article dl dd ol li:nth-child(2)::before {
  content: "b ）";
}
main#regist_member .inner .wrap .policy article dl dd ol li:nth-child(3)::before {
  content: "c ）";
}
main#regist_member .inner .wrap .policy article dl dd ul li {
  display: flex;
}
main#regist_member .inner .wrap .policy article dl dd ul li::before {
  content: "・";
  display: inline-block;
}
main#regist_member .inner .wrap .kiyaku {
  margin-top: 7rem;
}
main#regist_member .inner .wrap .kiyaku article dl dt {
  margin-top: 3.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
main#regist_member .inner .wrap .kiyaku article dl dt:nth-child(1) {
  margin-top: 0;
}
main#regist_member .inner .wrap .kiyaku article dl dd {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
main#regist_member .inner .wrap .kiyaku article dl dd > ul {
  padding-left: 20px;
  list-style-type: decimal;
  list-style-position: outside;
}
main#regist_member .inner .wrap .kiyaku article dl dd > ul li ul li {
  list-style: none;
  counter-increment: li_count;
}
main#regist_member .inner .wrap .kiyaku article dl dd > ul li ul li::before {
  content: "(" counter(li_count) ")";
  margin-right: 5px;
}
main#regist_member .inner .wrap .scroll {
  position: relative;
  margin-top: 1rem;
}
main#regist_member .inner .wrap .scroll::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 2rem;
  background-color: #fff;
}
main#regist_member .inner .wrap .scroll article {
  height: 21rem;
  overflow-y: scroll;
  padding: 2rem;
  border: 1px solid #707070;
}
main#regist_member .inner .wrap.agreement h2 {
  font-size: 2.6rem;
  font-weight: bold;
}
main#regist_member .inner .wrap .submit {
  text-align: center;
  margin-top: 6.2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
main#regist_member .inner .wrap .submit input[type=checkbox] {
  margin-bottom: 6.3rem;
}
main#regist_member .inner .wrap .submit .checkbox_wrap {
  display: inline-block;
  position: relative;
  padding-left: 4rem;
  margin-bottom: 4rem;
  margin-left: -1rem;
  font-size: 1.8rem;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main#regist_member .inner .wrap .submit .checkbox_wrap input {
  display: none;
}
main#regist_member .inner .wrap .submit .checkbox_wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 3rem;
  width: 3rem;
  border: 2px solid #e04d1f;
  box-sizing: border-box;
}
main#regist_member .inner .wrap .submit .checkbox_wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0.8rem;
  top: 0px;
  width: 1rem;
  height: 2rem;
  border: 2px solid #e04d1f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
main#regist_member .inner .wrap .submit .checkbox_wrap input:checked + .checkmark {
  border: 2px solid #e04d1f;
}
main#regist_member .inner .wrap .submit .checkbox_wrap input:checked + .checkmark:after {
  display: block;
}
main#regist_member .inner .wrap .submit .submit_btn {
  margin-top: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #cccc00;
  width: 30rem;
  height: 8.4rem;
  border-radius: 5px;
  border: none;
  outline: none;
  text-decoration: none;
}
main#regist_member .inner .wrap .submit .submit_btn.disabled {
  font-weight: normal;
  color: #707070;
  background-color: #e6e6e6;
  cursor: default;
}
main#regist_member .inner .wrap .submit .submit_btn.disabled:hover {
  opacity: 1;
}
main#regist_member .inner .wrap .submit .submit_btn.disabled::after {
  background-color: #333;
}
main#regist_member .inner .wrap .submit .submit_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #ffffff;
  height: 1rem;
  width: 0.8rem;
}
main#regist_member .inner .wrap .submit .submit_btn:hover {
  opacity: 0.8;
}
main#regist_member.form_confirm .inner .wrap .member dl dd {
  padding: 2.6rem 0 2.6rem 3rem;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 9.4rem;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p {
  display: inline-block;
  position: relative;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p.back_btn input {
  font-size: 1.4rem;
  color: #707070;
  width: 16rem;
  height: 5.7rem;
  background-color: #e6e6e6;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-right: 1rem;
  cursor: pointer;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p.back_btn::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p.confirm_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p.confirm_btn::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#regist_member.form_confirm .inner .wrap .submit_confirm p:hover {
  opacity: 0.8;
}
main#regist_member.form_done .inner .wrap .btn_list {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15rem;
}
main#regist_member.form_done .inner .wrap .btn_list p {
  display: inline-block;
  position: relative;
}
main#regist_member.form_done .inner .wrap .btn_list p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#regist_member.form_done .inner .wrap .btn_list p.btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
}
main#regist_member.form_done .inner .wrap .btn_list p.btn_top a {
  font-size: 1.4rem;
  color: #707070;
  width: 16rem;
  height: 5.7rem;
  background-color: #e6e6e6;
  margin-right: 1rem;
}
main#regist_member.form_done .inner .wrap .btn_list p.btn_top::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333;
}
main#regist_member.form_done .inner .wrap .btn_list p.btn_login a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  margin-left: 1rem;
}
main#regist_member.form_done .inner .wrap .btn_list p.btn_login::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#regist_member.form_done .inner .wrap .btn_list p:hover {
  opacity: 0.8;
}

main#login .inner {
  max-width: 700px;
  padding-top: 8rem;
  padding-bottom: 9.2rem;
}
main#login .inner h1 {
  width: 23rem;
  margin: 0 auto;
}
main#login .inner h2 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#login .inner .form_login {
  margin-top: 5.5rem;
  background-color: #ffffff;
  padding: 5rem 8.2rem;
}
main#login .inner .form_login dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
main#login .inner .form_login dl dt {
  display: inline-block;
  width: 13rem;
  font-size: 1.6rem;
  margin-top: 2.6rem;
  font-weight: 500;
}
main#login .inner .form_login dl dt:nth-of-type(2) {
  margin-top: 3.6rem;
}
main#login .inner .form_login dl dd {
  display: inline-block;
  width: 27rem;
  margin: 2.6rem 13rem 0 0;
}
main#login .inner .form_login dl dd .text-danger {
  color: #ff3838;
  margin-top: 0.5rem;
}
main#login .inner .form_login dl dd input {
  width: 100%;
  height: 4.7rem;
  padding: 0.5rem;
}
main#login .inner .form_login .keep_login {
  margin: 2.3rem auto 0;
  width: 27rem;
  font-size: 1.5rem;
}
main#login .inner .form_login .keep_login label {
  display: flex;
  align-items: center;
}
main#login .inner .form_login .keep_login label input {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
main#login .inner .form_login .error {
  margin-top: 1rem;
  color: #ff3838;
  text-align: center;
}
main#login .inner .form_login .button {
  margin-top: 4.1rem;
}
main#login .inner .form_login .password_request {
  margin-top: 4.4rem;
  text-align: center;
}
main#login .inner .form_first {
  margin-top: 6.5rem;
  background-color: #ffffff;
  padding: 5rem 8.2rem;
}
main#login .inner .form_first a {
  margin-top: 4.6rem;
}

main#faq .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7.3rem;
  margin-bottom: 10rem;
}
main#faq .inner .wrap h1 {
  margin: 1.5rem 0 7rem;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#faq .inner .wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
main#faq .inner .wrap ul li {
  flex-basis: calc(25% - 20px);
}
main#faq .inner .wrap ul li a {
  position: relative;
  display: block;
  border-radius: 5px;
  background-color: #e04d1f;
  line-height: 2;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
main#faq .inner .wrap ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.7rem;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #ffffff;
  height: 1.1rem;
  width: 0.7rem;
}
main#faq .inner .wrap h2 {
  margin: 7rem 0 0;
  font-size: 2.4rem;
  font-weight: bold;
}
main#faq .inner .wrap dl {
  margin: 3rem 0 0;
}
main#faq .inner .wrap dl dt {
  display: flex;
  background-color: #f6f6f6;
  margin: 3.5rem 0 0;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: bold;
}
main#faq .inner .wrap dl dd {
  display: flex;
  margin: 1.5rem 0 0 2rem;
  font-size: 1.6rem;
}
main#faq .inner .wrap dl dt span,
main#faq .inner .wrap dl dd span {
  width: 2.5rem;
}
main#faq .inner .wrap dl dt p,
main#faq .inner .wrap dl dd p {
  flex: 1;
}

main#legal .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7.3rem;
  margin-bottom: 10rem;
}
main#legal .inner .wrap h1 {
  margin-top: 1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#legal .inner .wrap .table {
  margin: 9rem auto;
  width: 96rem;
}
main#legal .inner .wrap .table table {
  width: 100%;
}
main#legal .inner .wrap .table table tr th {
  width: 32rem;
  background-color: #F6F6F6;
  border: 1px solid #D3D3D3;
  padding: 1.5rem 2.8rem;
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}
main#legal .inner .wrap .table table tr td {
  width: 64rem;
  border: 1px solid #D3D3D3;
  padding: 1.5rem 3.5rem;
  text-align: left;
  font-size: 1.6rem;
}

main#privacy .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7.3rem;
  margin-bottom: 10rem;
}
main#privacy .inner .wrap h1 {
  margin-top: 1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#privacy .inner .wrap .first {
  margin-top: 8rem;
  font-size: 1.6rem;
}
main#privacy .inner .wrap dl {
  margin-top: 7rem;
}
main#privacy .inner .wrap dl dt {
  margin-top: 3.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
main#privacy .inner .wrap dl dd {
  margin-top: 1.5rem;
  margin-left: 2rem;
  font-size: 1.6rem;
}
main#privacy .inner .wrap dl dd ol li {
  display: flex;
}
main#privacy .inner .wrap dl dd ol li::before {
  display: inline-block;
  white-space: nowrap;
}
main#privacy .inner .wrap dl dd ol li:nth-child(1)::before {
  content: "a ）";
}
main#privacy .inner .wrap dl dd ol li:nth-child(2)::before {
  content: "b ）";
}
main#privacy .inner .wrap dl dd ol li:nth-child(3)::before {
  content: "c ）";
}
main#privacy .inner .wrap dl dd ul li {
  display: flex;
}
main#privacy .inner .wrap dl dd ul li::before {
  content: "・";
  display: inline-block;
}

main#term .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 12rem 7.3rem;
  margin-bottom: 10rem;
}
main#term .inner .wrap h1 {
  margin-top: 1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#term .inner .wrap dl {
  margin-top: 7rem;
}
main#term .inner .wrap dl dt {
  margin-top: 3.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
main#term .inner .wrap dl dd {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
main#term .inner .wrap dl dd > ul {
  padding-left: 20px;
  list-style-type: decimal;
  list-style-position: outside;
}
main#term .inner .wrap dl dd > ul li ul li {
  list-style: none;
  counter-increment: li_count;
}
main#term .inner .wrap dl dd > ul li ul li::before {
  content: "(" counter(li_count) ")";
  margin-right: 5px;
}

main#my_index .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7.3rem;
}
main#my_index .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_index .inner .wrap .notice {
  margin-top: 6.2rem;
  padding: 2rem 2.8rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  color: #ff3838;
  font-size: 1.4rem;
}
main#my_index .inner .wrap .news {
  margin-top: 4rem;
}
main#my_index .inner .wrap .news h2 {
  font-size: 2rem;
  font-weight: bold;
}
main#my_index .inner .wrap .news p {
  margin-top: 1rem;
  padding: 1.6rem 2.8rem;
  background-color: #f6f6f6;
  font-size: 1.4rem;
}
main#my_index .inner .wrap .order_add {
  margin-top: 6.5rem;
  width: 32.2rem;
  height: 8.4rem;
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
}
main#my_index .inner .wrap .order_add::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #ffffff;
  height: 1.2rem;
  width: 0.8rem;
}
main#my_index .inner .wrap .order_add.disabled {
  color: #707070;
  background-color: #d3d3d3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main#my_index .inner .wrap .order_add.disabled::after {
  background-color: #707070;
}
main#my_index .inner .wrap .order_add.disabled:hover {
  opacity: 1;
}
main#my_index .inner .wrap .page_alert {
  margin-top: 3.6rem;
  padding: 0 5rem;
}
main#my_index .inner .wrap .page_alert p {
  font-weight: bold;
  color: #ff3838;
}
main#my_index .inner .wrap .env {
  margin-top: 2rem;
  text-align: center;
}
main#my_index .inner .wrap .menu {
  margin-top: 6.5rem;
}
main#my_index .inner .wrap .menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px 0;
  padding: 0;
}
main#my_index .inner .wrap .menu ul::after {
  content: "";
  display: block;
  width: 30.5rem;
}
main#my_index .inner .wrap .menu ul li a {
  display: block;
  width: 30.5rem;
  height: 100%;
  background-color: #FFF8F5;
  border-radius: 5px;
  padding: 2.5rem 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: inherit;
  text-decoration: none;
  outline: 1px solid #FFF8F5;
}
main#my_index .inner .wrap .menu ul li a p.explanation {
  text-align: left;
  font-size: 80%;
  margin: 20px 40px 0;
  font-weight: normal;
}
main#my_index .inner .wrap .menu ul li a:hover {
  outline: 1px solid #FFD4C1;
}
main#my_index .inner .wrap .menu ul li a .icon {
  height: 3rem;
  margin-bottom: 0.8rem;
}
main#my_index .inner .wrap .menu ul li a .icon img {
  width: auto;
  height: 100%;
}

.delete_link {
  margin-top: 1rem;
  text-align: right;
}
.delete_link a {
  color: #000000;
  display: inline-block;
  font-size: 1.6rem;
  padding: 0 0.7rem;
  text-underline-offset: 0.2em;
}

main#order_add .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7.3rem;
}
main#order_add .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#order_add .inner .wrap .flow.step1 .line li:nth-child(1)::before {
  background-color: #e04d1f;
  z-index: 1;
}
main#order_add .inner .wrap .flow.step2 .line li:nth-child(1)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#order_add .inner .wrap .flow.step3 .line li:nth-child(2)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#order_add .inner .wrap .flow.step4 .line li:nth-child(3)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#order_add .inner .wrap .flow .line {
  margin: 5.8rem auto 0;
  display: flex;
  justify-content: center;
}
main#order_add .inner .wrap .flow .line li {
  width: 14.6rem;
  border-top: 1px dashed #d3d3d3;
  position: relative;
}
main#order_add .inner .wrap .flow .line li:nth-child(1)::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
}
main#order_add .inner .wrap .flow .line li::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
main#order_add .inner .wrap .flow .text {
  width: 58.5rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
main#order_add .inner .wrap .flow .text li {
  width: 14rem;
  text-align: center;
}
main#order_add .inner .wrap .checklist {
  margin-top: 7.2rem;
  display: flex;
  flex-wrap: wrap;
}
main#order_add .inner .wrap .checklist dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
  position: relative;
}
main#order_add .inner .wrap .checklist dt.required::after {
  content: "必須";
  font-size: 1.2rem;
  line-height: 1;
  width: 3.2rem;
  height: 1.7rem;
  color: #ffffff;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 4rem;
  padding-bottom: 0.2rem;
  font-weight: 400;
}
main#order_add .inner .wrap .checklist dd {
  padding: 3rem;
  width: calc(100% - 32rem);
  font-size: 1.6rem;
  line-height: 1;
}
main#order_add .inner .wrap .checklist dd input[type=checkbox] {
  margin-bottom: 6.3rem;
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap {
  display: inline-block;
  position: relative;
  padding-left: 3.8rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap input {
  display: none;
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 2.2rem;
  width: 2.2rem;
  border: 1px solid #e04d1f;
  box-sizing: border-box;
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0.6rem;
  top: 0.2rem;
  width: 0.8rem;
  height: 1.2rem;
  border: 2px solid #e04d1f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap input:checked + .checkmark {
  border: 1px solid #e04d1f;
}
main#order_add .inner .wrap .checklist dd .checkbox_wrap input:checked + .checkmark:after {
  display: block;
}
main#order_add .inner .wrap .submit_btn {
  margin: 9.3rem auto 0;
  width: 26.9rem;
  height: 8.4rem;
  position: relative;
}
main#order_add .inner .wrap .submit_btn input {
  padding-right: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #cccc00;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: none;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #ffffff;
  height: 0.8rem;
  width: 0.5rem;
}
main#order_add .inner .wrap .submit_btn:hover {
  opacity: 0.8;
}
main#order_add .inner .wrap .submit_btn.disabled input {
  color: #707070;
  background-color: #e6e6e6;
  cursor: default;
}
main#order_add .inner .wrap .submit_btn.disabled:hover {
  opacity: 1 !important;
}
main#order_add .inner .wrap .submit_btn.disabled::after {
  background-color: #333;
}
main#order_add .inner .wrap .page_caution {
  margin-top: 3.6rem;
  padding: 0 5rem;
}
main#order_add .inner .wrap .page_caution p {
  font-weight: bold;
}
main#order_add .inner .wrap .status {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 3.6rem;
  font-size: 1.6rem;
}
main#order_add .inner .wrap .status thead tr td {
  color: #ffffff;
  background-color: #e04d1f;
  vertical-align: middle;
  padding: 1rem;
  font-weight: bold;
  text-align: center;
}
main#order_add .inner .wrap .status tbody tr td {
  border-bottom: solid 1px #d3d3d3;
  vertical-align: middle;
  padding: 1.2rem 2.8rem;
  line-height: 1.5;
}
main#order_add .inner .wrap .status tbody tr td:first-child {
  width: auto;
}
main#order_add .inner .wrap .status tbody tr td:first-child div {
  display: flex;
  gap: 0 3px;
}
main#order_add .inner .wrap .status tbody tr td:last-child {
  text-align: center;
  width: 350px;
}
main#order_add .inner .wrap .status tbody tr td .progress {
  width: 20rem;
  height: 1.5rem;
  border: 1px solid #e04d1f;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
main#order_add .inner .wrap .status tbody tr td .progress .bar {
  height: 100%;
  background: #e04d1f;
  position: absolute;
  animation: progress_anime 2s normal;
  animation-fill-mode: forwards;
}
@keyframes progress_anime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
main#order_add .inner .wrap .status tbody tr td progress {
  -webkit-appearance: none;
  width: 20rem;
  height: 1.5rem;
}
main#order_add .inner .wrap .status tbody tr td ::-webkit-progress-bar {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #e04d1f;
}
main#order_add .inner .wrap .status tbody tr td ::-webkit-progress-value {
  background-color: #e04d1f;
  border-radius: 8px;
}
main#order_add .inner .wrap .img_uploader {
  background-color: #fff8f5;
  border: 1px dashed #e04d1f;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3rem;
  margin-top: 5.6rem;
}
main#order_add .inner .wrap .img_uploader p {
  width: 100%;
  font-size: 1.6rem;
}
main#order_add .inner .wrap .img_uploader p.notice {
  font-size: 1.2rem;
  color: #333333;
}
main#order_add .inner .wrap .img_uploader .pick_btn {
  width: 21.5rem;
  height: 5.3rem;
  margin: 2.8rem 1rem 2rem;
}
main#order_add .inner .wrap .img_uploader .pick_btn:hover {
  opacity: 0.8;
}
main#order_add .inner .wrap .img_uploader .pick_btn button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.4rem;
  color: #ffffff;
  background-color: #e04d1f;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: none;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7.4rem;
}
main#order_add .inner .wrap .submit_confirm p {
  display: inline-block;
  position: relative;
}
main#order_add .inner .wrap .submit_confirm p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#order_add .inner .wrap .submit_confirm p.back_btn input {
  font-size: 1.4rem;
  color: #707070;
  width: 16rem;
  height: 5.7rem;
  background-color: #d3d3d3;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-right: 1rem;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_confirm p.back_btn::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333;
}
main#order_add .inner .wrap .submit_confirm p.confirm_btn input, main#order_add .inner .wrap .submit_confirm p.restart_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_confirm p.confirm_btn::after, main#order_add .inner .wrap .submit_confirm p.restart_btn::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#order_add .inner .wrap .submit_confirm p.confirm_btn.disabled input, main#order_add .inner .wrap .submit_confirm p.restart_btn.disabled input {
  color: #707070;
  background-color: #d3d3d3;
  cursor: default;
}
main#order_add .inner .wrap .submit_confirm p.confirm_btn.disabled:hover, main#order_add .inner .wrap .submit_confirm p.restart_btn.disabled:hover {
  opacity: 1 !important;
}
main#order_add .inner .wrap .submit_confirm p.confirm_btn.disabled::after, main#order_add .inner .wrap .submit_confirm p.restart_btn.disabled::after {
  background-color: #333;
}
main#order_add .inner .wrap .submit_confirm p.restart_btn input {
  width: 28rem;
}
main#order_add .inner .wrap .submit_confirm p.restart_btn::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 2.8rem;
  background-color: #ffffff;
}
main#order_add .inner .wrap .submit_confirm p:hover {
  opacity: 0.8;
}
main#order_add .inner .wrap .confirmlist {
  margin-top: 3.6rem;
  display: flex;
  flex-wrap: wrap;
}
main#order_add .inner .wrap .confirmlist dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  padding: 1.2rem 2.8rem;
  display: flex;
  align-items: center;
  position: relative;
}
main#order_add .inner .wrap .confirmlist dt:not(:last-of-type) {
  border-bottom: solid 1px #d3d3d3;
}
main#order_add .inner .wrap .confirmlist dd {
  padding: 1.2rem 4.6rem;
  width: calc(100% - 32rem);
  font-size: 1.6rem;
}
main#order_add .inner .wrap .confirmlist dd:not(:last-of-type) {
  border-bottom: solid 1px #d3d3d3;
}
main#order_add .inner .wrap .confirmlist + h2 {
  margin-top: 5rem;
  font-size: 2.6rem;
  font-weight: bold;
}
main#order_add .inner .wrap .upload_contents {
  font-size: 1.6rem;
  background-color: #f6f6f6;
  margin-top: 1rem;
  padding: 2.5rem 2.8rem 3.4rem;
}
main#order_add .inner .wrap .submit_done {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
}
main#order_add .inner .wrap .submit_done p {
  display: inline-block;
  position: relative;
}
main#order_add .inner .wrap .submit_done p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#order_add .inner .wrap .submit_done p.back_btn input {
  font-size: 1.4rem;
  color: #707070;
  width: 21.4rem;
  height: 5.7rem;
  background-color: #d3d3d3;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-right: 1rem;
  padding: 0 0 0 0.4rem;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_done p.back_btn::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333333;
}
main#order_add .inner .wrap .submit_done p.done_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#order_add .inner .wrap .submit_done p.done_btn::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#order_add .inner .wrap .submit_done p:hover {
  opacity: 0.8;
}
main#order_add .inner .wrap .finish {
  text-align: center;
  margin-top: 5.8rem;
}
main#order_add .inner .wrap .finish span {
  font-weight: bold;
}
main#order_add .inner .wrap .btn_list {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#order_add .inner .wrap .btn_list p {
  display: inline-block;
  position: relative;
}
main#order_add .inner .wrap .btn_list p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#order_add .inner .wrap .btn_list p.btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  background-color: #e04d1f;
  color: #ffffff;
  margin: 0 1rem;
}
main#order_add .inner .wrap .btn_list p.btn_mypage a {
  width: 22.8rem;
  height: 4rem;
}
main#order_add .inner .wrap .btn_list p.btn_request a {
  width: 16rem;
  height: 4rem;
}
main#order_add .inner .wrap .btn_list p:hover {
  opacity: 0.8;
}

main#order_list .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 1.5rem 4rem;
}
main#order_list .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#order_list .inner .wrap .page_caution {
  margin-top: 3.6rem;
  padding: 0 5rem;
}
main#order_list .inner .wrap .page_caution p {
  font-weight: bold;
}
main#order_list .inner .wrap .tbl_wrap {
  overflow-x: auto;
}
main#order_list .inner .wrap .order {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 3.6rem;
  font-size: 1.6rem;
}
main#order_list .inner .wrap .order thead tr td {
  color: #ffffff;
  background-color: #e04d1f;
  vertical-align: top;
  padding: 1.1rem 0.2rem;
  font-weight: bold;
}
main#order_list .inner .wrap .order tbody tr:hover {
  background-color: #f5dccd !important;
}
main#order_list .inner .wrap .order tbody tr td {
  border-bottom: solid 1px #e9e9e9;
  vertical-align: middle;
  padding: 0.9rem 0.4rem 1rem;
  line-height: 1.5;
  white-space: nowrap;
}
main#order_list .inner .wrap .order tbody tr td.order {
  background-color: #facd89;
}
main#order_list .inner .wrap .order tbody tr td.work {
  background-color: #fff57f;
}
main#order_list .inner .wrap .order tbody tr td.finish {
  background-color: #78c496;
}
main#order_list .inner .wrap .order tbody tr td.cancel {
  background-color: #dee2e5;
}
main#order_list .inner .wrap .order tbody tr td.unbilled {
  background-color: #b9e3f9;
}
main#order_list .inner .wrap .order tbody tr td.billed {
  background-color: #d2cce6;
}
main#order_list .inner .wrap .order tbody tr td.paid {
  background-color: #68c8f2;
}
main#order_list .inner .wrap .order tbody tr td:nth-child(1) {
  width: 7.3rem;
}
main#order_list .inner .wrap .order tbody tr td:nth-child(2), main#order_list .inner .wrap .order tbody tr td:nth-child(3) {
  width: 10.5rem;
}
main#order_list .inner .wrap .order tbody tr td:nth-child(4) {
  width: 11rem;
}
main#order_list .inner .wrap .order tbody tr td:nth-child(7), main#order_list .inner .wrap .order tbody tr td:nth-child(8), main#order_list .inner .wrap .order tbody tr td:nth-child(9), main#order_list .inner .wrap .order tbody tr td:nth-child(10), main#order_list .inner .wrap .order tbody tr td:nth-child(11) {
  text-align: right;
}

main#my_bill_list .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 1.5rem 4rem;
}
main#my_bill_list .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_bill_list .inner .wrap .page_caution {
  margin-top: 3.6rem;
  padding: 0 5rem;
}
main#my_bill_list .inner .wrap .page_caution p {
  font-weight: bold;
}
main#my_bill_list .inner .wrap .tbl_wrap {
  overflow-x: auto;
}
main#my_bill_list .inner .wrap .bill_list {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 3.6rem;
  font-size: 1.6rem;
}
main#my_bill_list .inner .wrap .bill_list thead tr td {
  color: #ffffff;
  background-color: #e04d1f;
  vertical-align: top;
  padding: 1.1rem 0.2rem;
  font-weight: bold;
}
main#my_bill_list .inner .wrap .bill_list tbody tr:hover td {
  background-color: #f5dccd !important;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td {
  border-bottom: solid 1px #d3d3d3;
  vertical-align: middle;
  padding: 0.9rem 1.2rem 1rem;
  line-height: 1.5;
  white-space: nowrap;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td.not_paid {
  background-color: #ec9c9f !important;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td.paid {
  background-color: #78c496 !important;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(1) {
  width: 12.4rem;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(4), main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(5) {
  text-align: right;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(6) {
  text-align: right;
  padding-right: 2.4rem;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(7) {
  width: 10.5rem;
}
main#my_bill_list .inner .wrap .bill_list tbody tr td:nth-child(9) {
  width: 10.8rem;
}

main#my_bill_detail .inner {
  width: 583px;
}
main#my_bill_detail .inner .wrap {
  background-color: #ffffff;
  padding: 3.2rem 3rem 10rem;
  font-size: 1.2rem;
}
main#my_bill_detail .inner .wrap h1 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
main#my_bill_detail .inner .wrap .address {
  display: flex;
  margin-top: 2.8rem;
}
main#my_bill_detail .inner .wrap .address p + * {
  margin-top: 1.4em;
}
main#my_bill_detail .inner .wrap .address .receiver {
  width: calc(100% - 13.5rem);
  margin-top: 1rem;
}
main#my_bill_detail .inner .wrap .address .sender {
  width: 17rem;
}
main#my_bill_detail .inner .wrap .address .sender .logo {
  margin-bottom: 1.4em;
}
main#my_bill_detail .inner .wrap .address .sender .stamp {
  position: relative;
}
main#my_bill_detail .inner .wrap .address .sender .stamp img {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}
main#my_bill_detail .inner .wrap .address .sender .address {
  position: relative;
  margin-top: 0;
}
main#my_bill_detail .inner .wrap .address .sender .info {
  display: flex;
  flex-wrap: wrap;
}
main#my_bill_detail .inner .wrap .address .sender .info dt {
  width: 46%;
}
main#my_bill_detail .inner .wrap .address .sender .info dd {
  width: 54%;
}
main#my_bill_detail .inner .wrap .amount {
  border-bottom: 1px solid #333333;
  margin-top: 3.8rem;
  padding: 0.6rem 1rem 0.6rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}
main#my_bill_detail .inner .wrap .amount span {
  font-weight: normal;
}
main#my_bill_detail .inner .wrap .breakdown {
  width: 100%;
  margin-top: 2.2rem;
}
main#my_bill_detail .inner .wrap .breakdown thead tr {
  border-bottom: 1px solid #333333;
}
main#my_bill_detail .inner .wrap .breakdown tr td {
  padding: 0.6rem 1rem 0.6rem 2rem;
}
main#my_bill_detail .inner .wrap .breakdown tr td.align_right {
  text-align: right;
}
main#my_bill_detail .inner .wrap .breakdown tr td:nth-child(4), main#my_bill_detail .inner .wrap .breakdown tr td:nth-child(5) {
  width: 5.4rem;
}
main#my_bill_detail .inner .wrap .breakdown tr td:nth-child(6) {
  width: 10.6rem;
}
main#my_bill_detail .inner .wrap .total {
  width: 25rem;
  margin: 3.5rem 0 0 auto;
  display: flex;
  flex-wrap: wrap;
}
main#my_bill_detail .inner .wrap .total dt {
  width: 50%;
  padding: 1.1rem 1rem 0.4rem;
  border-bottom: 1px solid #333333;
}
main#my_bill_detail .inner .wrap .total dd {
  width: 50%;
  text-align: right;
  padding: 1.1rem 1rem 0.4rem;
  border-bottom: 1px solid #333333;
}
main#my_bill_detail .inner .wrap .total dd .target {
  display: flex;
  justify-content: space-between;
}
main#my_bill_detail .inner .wrap .total dd .tax {
  margin-top: 0.2rem;
  font-size: 1.1rem;
}
main#my_bill_detail .inner .wrap .payee {
  margin-top: 3.5rem;
}
main#my_bill_detail .inner .wrap .payee dt {
  padding-left: 0.5rem;
}
main#my_bill_detail .inner .wrap .payee dd {
  margin-top: 0.4rem;
  border: 1px solid #333333;
  padding: 0.9rem 1.3rem;
}
main#my_bill_detail .inner .wrap .notes {
  margin-top: 2rem;
}
main#my_bill_detail .inner .wrap .notes dt {
  padding-left: 0.5rem;
}
main#my_bill_detail .inner .wrap .notes dd {
  margin-top: 0.8rem;
  border: 1px solid #333333;
  padding: 1rem 1.3rem;
  line-height: 1.75;
}

main#my_card_index .inner .wrap {
  background-color: #ffffff;
  padding: 4rem 3rem 6rem;
  font-size: 1.2rem;
}
main#my_card_index .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_card_index .inner .wrap .text {
  margin-top: 4rem;
  text-align: center;
  font-size: 1.4rem;
}
main#my_card_index .inner .wrap .change_card {
  margin-top: 4rem;
  width: 37.6rem;
  height: 8.4rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  font-size: 1.4rem;
  position: relative;
}
main#my_card_index .inner .wrap .change_card::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.4rem;
  transform: translateY(-50%);
  height: 1.2rem;
  width: 0.8rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  background-color: #ffffff;
}
main#my_card_index .inner .wrap .change_card:hover {
  opacity: 0.8;
}

main#my_card_add .inner .wrap {
  background-color: #ffffff;
  padding: 4rem 10.5rem 6rem;
  font-size: 1.2rem;
}
main#my_card_add .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_card_add .inner .wrap dl {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
}
main#my_card_add .inner .wrap dl dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
}
main#my_card_add .inner .wrap dl dt:not(:first-of-type) {
  border-top: 1px solid #d3d3d3;
}
main#my_card_add .inner .wrap dl dt:nth-child(1) {
  border-top: none;
}
main#my_card_add .inner .wrap dl dt.required {
  position: relative;
}
main#my_card_add .inner .wrap dl dt.required::after {
  content: "必須";
  font-size: 1.2rem;
  line-height: 1;
  width: 3.2rem;
  height: 1.7rem;
  color: #ffffff;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 4rem;
  padding-bottom: 0.2rem;
  font-weight: 400;
}
main#my_card_add .inner .wrap dl dd {
  padding: 1.6rem 2rem;
  width: calc(100% - 32rem);
}
main#my_card_add .inner .wrap dl dd:not(:first-of-type) {
  border-top: 1px solid #d3d3d3;
}
main#my_card_add .inner .wrap dl dd input[type=text] {
  width: 61rem;
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}
main#my_card_add .inner .wrap dl dd span.fieldwrap {
  width: 31.3rem;
  display: flex;
  justify-content: space-between;
}
main#my_card_add .inner .wrap dl dd span.selectwrap {
  position: relative;
}
main#my_card_add .inner .wrap dl dd select {
  height: 4.6rem;
  font-size: 1.5rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #e04d1f, #e04d1f);
  background-position: calc(100% - 2.3rem) 2rem, calc(100% - 1.65rem) 2rem, 100% 0;
  background-size: 0.7rem 0.6rem, 0.7rem 0.6rem, 4.6rem 4.6rem;
  background-repeat: no-repeat;
}
main#my_card_add .inner .wrap dl dd input#pin {
  width: 31.3rem;
}
main#my_card_add .inner .wrap dl dd select#expiration_month {
  width: 14.1rem;
}
main#my_card_add .inner .wrap dl dd select#expiration_year {
  width: 15.8rem;
}
main#my_card_add .inner .wrap dl dd input#security_code {
  width: 14.1rem;
}
main#my_card_add .inner .wrap #payjp_message {
  color: #ff3838;
  margin-top: 1rem;
  text-align: center;
  font-size: 1.4rem;
}
main#my_card_add .inner .wrap .authorization {
  text-align: center;
  margin-top: 2.2rem;
}
main#my_card_add .inner .wrap .authorization button {
  font-size: 1.5rem;
  width: 38.4rem;
  height: 5.6rem;
  color: #fff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  cursor: pointer;
}
main#my_card_add .inner .wrap .authorization div.authorization_success {
  font-size: 1.5rem;
  display: block;
  width: 38.4rem;
  height: 5.6rem;
  margin: 0 auto;
  padding: 0;
  line-height: 5.6rem;
  color: #0082cb;
  border-radius: 5px;
  border: 1px solid #0082cb;
  outline: none;
  text-align: center;
}
main#my_card_add .inner .wrap .submit_done {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8.2rem;
}
main#my_card_add .inner .wrap .submit_done p {
  display: inline-block;
  position: relative;
}
main#my_card_add .inner .wrap .submit_done p.back_btn input {
  font-size: 1.4rem;
  color: #707070;
  width: 10.7rem;
  height: 5.7rem;
  background-color: #d3d3d3;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-right: 1rem;
  cursor: pointer;
}
main#my_card_add .inner .wrap .submit_done p.done_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#my_card_add .inner .wrap .submit_done p.done_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.2rem;
  width: 0.8rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#my_card_add .inner .wrap .submit_done p.done_btn.disabled input {
  background-color: #d3d3d3;
  color: #707070;
  cursor: default;
}
main#my_card_add .inner .wrap .submit_done p.done_btn.disabled::after {
  background-color: #707070;
}
main#my_card_add .inner .wrap .submit_done p.done_btn.disabled:hover {
  opacity: 1 !important;
}
main#my_card_add .inner .wrap .submit_done p:hover {
  opacity: 0.8;
}

main#my_card_list .inner .wrap {
  background-color: #ffffff;
  padding: 2.7rem 10.5rem 7rem;
}
main#my_card_list .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_card_list .inner .wrap .radio_btn label {
  display: block;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  opacity: 0;
  width: 1px;
  position: absolute;
  height: 1px;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 3rem;
  border-radius: 4px;
  margin-left: -0.4rem;
  font-size: 1.8rem;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio] + span::before,
main#my_card_list .inner .wrap .radio_btn input[type=radio] + span::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
  box-sizing: border-box;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio] + span::before {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #707070;
  left: 0.5rem;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio] + span::after {
  width: 0.9rem;
  height: 0.9rem;
  background: #707070;
  left: 0.8rem;
  opacity: 0;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio]:checked + span::before {
  border: 1px solid #e04d1f;
}
main#my_card_list .inner .wrap .radio_btn input[type=radio]:checked + span::after {
  background: #e04d1f;
  opacity: 1;
}
main#my_card_list .inner .wrap .tbl_wrap {
  overflow-x: auto;
}
main#my_card_list .inner .wrap .page_alert {
  margin-top: 3.6rem;
  padding: 0 5rem;
}
main#my_card_list .inner .wrap .page_alert p {
  font-weight: bold;
  color: #ff3838;
}
main#my_card_list .inner .wrap .card_list {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 3.6rem;
  font-size: 1.6rem;
}
main#my_card_list .inner .wrap .card_list td:nth-child(1) {
  padding-left: 4rem;
}
main#my_card_list .inner .wrap .card_list td:nth-child(7) {
  padding-right: 4rem;
}
main#my_card_list .inner .wrap .card_list thead tr td {
  color: #ffffff;
  background-color: #e04d1f;
  vertical-align: middle;
  padding: 1.1rem 1.2rem;
  font-weight: bold;
  white-space: nowrap;
}
main#my_card_list .inner .wrap .card_list tbody tr td {
  border-bottom: solid 1px #d3d3d3;
  vertical-align: middle;
  padding: 0.6rem 1.2rem 0.4rem;
  line-height: 1.5;
  white-space: nowrap;
}
main#my_card_list .inner .wrap .change_bank {
  width: 26.9rem;
  height: 4rem;
  border: 1px solid #e04d1f;
  border-radius: 5px;
  color: #e04d1f;
  margin: 4rem 0 auto auto;
}
main#my_card_list .inner .wrap .new_card {
  margin-top: 9rem;
  width: 33.8rem;
  height: 4rem;
  color: #ffffff;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  position: relative;
}
main#my_card_list .inner .wrap .new_card::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.1rem;
  transform: translateY(-50%);
  height: 0.9rem;
  width: 0.6rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  background-color: #ffffff;
}
main#my_card_list .inner .wrap .new_card.disabled {
  background-color: #d3d3d3;
  color: #707070;
}
main#my_card_list .inner .wrap .new_card.disabled::after {
  background-color: #707070;
}
main#my_card_list .inner .wrap .new_card:hover {
  opacity: 0.8;
}

main#my_member_edit .inner .wrap {
  background-color: #ffffff;
  padding: 3.2rem 10.5rem 10rem;
}
main#my_member_edit .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_member_edit .inner .wrap .flow .line {
  margin: 5.8rem auto 0;
  display: flex;
  justify-content: center;
}
main#my_member_edit .inner .wrap .flow .line li {
  width: 14.6rem;
  border-top: 1px dashed #d3d3d3;
  position: relative;
}
main#my_member_edit .inner .wrap .flow .line li:nth-child(1)::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
}
main#my_member_edit .inner .wrap .flow .line li::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
main#my_member_edit .inner .wrap .flow .line li:nth-child(1)::before {
  background-color: #e04d1f;
}
main#my_member_edit .inner .wrap .flow .text {
  width: 39.4rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
main#my_member_edit .inner .wrap .flow .text li {
  width: 10rem;
  text-align: center;
}
main#my_member_edit .inner .wrap .member {
  margin-top: 7.2rem;
  display: flex;
  flex-wrap: wrap;
}
main#my_member_edit .inner .wrap .member dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  border-top: 1px solid #d3d3d3;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
}
main#my_member_edit .inner .wrap .member dt:nth-child(1) {
  border-top: none;
}
main#my_member_edit .inner .wrap .member dt.required {
  position: relative;
}
main#my_member_edit .inner .wrap .member dt.required::after {
  content: "必須";
  font-size: 1.2rem;
  line-height: 1;
  width: 3.2rem;
  height: 1.7rem;
  color: #ffffff;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 4rem;
  padding-bottom: 0.2rem;
  font-weight: 400;
}
main#my_member_edit .inner .wrap .member dd {
  padding: 1.6rem 0 1.6rem 3rem;
  border-top: 1px solid #d3d3d3;
  width: calc(100% - 32rem);
}
main#my_member_edit .inner .wrap .member dd.credit_info p {
  padding-right: 8.5rem;
  font-size: 1.5rem;
}
main#my_member_edit .inner .wrap .member dd.credit_info p:last-child {
  padding-right: 8.5rem;
}
main#my_member_edit .inner .wrap .member dd.fix {
  padding: 3rem 0 3rem 3rem;
}
main#my_member_edit .inner .wrap .member dd:nth-child(2) {
  border-top: none;
}
main#my_member_edit .inner .wrap .member dd p.notice {
  margin-top: 1rem !important;
}
main#my_member_edit .inner .wrap .member dd input[type=text],
main#my_member_edit .inner .wrap .member dd input[type=password] {
  width: 61rem;
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}
main#my_member_edit .inner .wrap .member dd.some div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main#my_member_edit .inner .wrap .member dd.some div:not(:first-child) {
  margin-top: 2.6rem;
}
main#my_member_edit .inner .wrap .member dd.some span.fieldwrap {
  width: 39.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main#my_member_edit .inner .wrap .member dd.some.credit_info span.fieldwrap {
  width: 31.3rem;
}
main#my_member_edit .inner .wrap .member dd.some span.selectwrap {
  position: relative;
}
main#my_member_edit .inner .wrap .member dd.some label {
  display: inline-block;
  width: 18.9rem;
}
main#my_member_edit .inner .wrap .member dd select {
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #e04d1f, #e04d1f);
  background-position: calc(100% - 2.3rem) 2rem, calc(100% - 1.65rem) 2rem, 100% 0;
  background-size: 0.7rem 0.6rem, 0.7rem 0.6rem, 4.6rem 4.6rem;
  background-repeat: no-repeat;
  cursor: pointer;
}
main#my_member_edit .inner .wrap .member dd button {
  width: 18.4rem;
  height: 4.6rem;
  color: #fff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  cursor: pointer;
}
main#my_member_edit .inner .wrap .member dd input#postal_code {
  width: 23.6rem;
}
main#my_member_edit .inner .wrap .member dd select#pref {
  width: 23.6rem;
  margin-right: 16.2rem;
}
main#my_member_edit .inner .wrap .member dd input#city {
  width: 39.8rem;
}
main#my_member_edit .inner .wrap .member dd input#address {
  width: 39.8rem;
}
main#my_member_edit .inner .wrap .member dd button#post_search {
  width: 14.8rem;
}
main#my_member_edit .inner .wrap .member dd input#member_id {
  width: 37.2rem;
}
main#my_member_edit .inner .wrap .member dd button#id_search {
  width: 22.4rem;
}
main#my_member_edit .inner .wrap .member dd input#pin {
  width: 31.3rem;
}
main#my_member_edit .inner .wrap .member dd select#expiration_month {
  width: 14.1rem;
}
main#my_member_edit .inner .wrap .member dd select#expiration_year {
  width: 15.8rem;
}
main#my_member_edit .inner .wrap .member dd input#security_code {
  width: 14.1rem;
}
main#my_member_edit .inner .wrap .member dd.radio_btn label {
  display: block;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  opacity: 0;
  width: 1px;
  position: absolute;
  height: 1px;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 3rem;
  border-radius: 4px;
  margin-left: -0.4rem;
  font-size: 1.8rem;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] + span::before,
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] + span::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
  box-sizing: border-box;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] + span::before {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #707070;
  left: 0.5rem;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio] + span::after {
  width: 0.9rem;
  height: 0.9rem;
  background: #707070;
  left: 0.8rem;
  opacity: 0;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio]:checked + span::before {
  border: 1px solid #e04d1f;
}
main#my_member_edit .inner .wrap .member dd.radio_btn input[type=radio]:checked + span::after {
  background: #e04d1f;
  opacity: 1;
}
main#my_member_edit .inner .wrap .member dd .error {
  color: #ff3838;
  margin-top: 1rem !important;
  width: 100%;
}
main#my_member_edit .inner .wrap .submit_done {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 11.2rem;
}
main#my_member_edit .inner .wrap .submit_done p {
  display: inline-block;
  position: relative;
}
main#my_member_edit .inner .wrap .submit_done p.back_btn a {
  font-size: 1.4rem;
  color: #707070;
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  width: 10.7rem;
  height: 5.7rem;
  background-color: #d3d3d3;
  border-radius: 5px;
  margin-right: 1rem;
}
main#my_member_edit .inner .wrap .submit_done p.confirm_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#my_member_edit .inner .wrap .submit_done p.confirm_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.2rem;
  width: 0.8rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#my_member_edit .inner .wrap .submit_done p:hover {
  opacity: 0.8;
}

main#my_member_edit_confirm .inner .wrap {
  background-color: #ffffff;
  padding: 3.2rem 10.5rem 10rem;
}
main#my_member_edit_confirm .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_member_edit_confirm .inner .wrap .flow .line {
  margin: 5.8rem auto 0;
  display: flex;
  justify-content: center;
}
main#my_member_edit_confirm .inner .wrap .flow .line li {
  width: 14.6rem;
  border-top: 1px dashed #d3d3d3;
  position: relative;
}
main#my_member_edit_confirm .inner .wrap .flow .line li:nth-child(1)::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
}
main#my_member_edit_confirm .inner .wrap .flow .line li::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
main#my_member_edit_confirm .inner .wrap .flow .line li:nth-child(1)::after {
  background-color: #e04d1f;
  z-index: 1;
}
main#my_member_edit_confirm .inner .wrap .flow .text {
  width: 39.4rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
main#my_member_edit_confirm .inner .wrap .flow .text li {
  width: 10rem;
  text-align: center;
}
main#my_member_edit_confirm .inner .wrap .member {
  margin-top: 7.2rem;
  display: flex;
  flex-wrap: wrap;
}
main#my_member_edit_confirm .inner .wrap .member dt {
  width: 32rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f6f6f6;
  border-top: 1px solid #d3d3d3;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
}
main#my_member_edit_confirm .inner .wrap .member dt:nth-child(1) {
  border-top: none;
}
main#my_member_edit_confirm .inner .wrap .member dt.required {
  position: relative;
}
main#my_member_edit_confirm .inner .wrap .member dt.required::after {
  content: "必須";
  font-size: 1.2rem;
  line-height: 1;
  width: 3.2rem;
  height: 1.7rem;
  color: #ffffff;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 4rem;
  padding-bottom: 0.2rem;
  font-weight: 400;
}
main#my_member_edit_confirm .inner .wrap .member dd {
  padding: 2.8rem 0 2.4rem 4.6rem;
  border-top: 1px solid #d3d3d3;
  width: calc(100% - 32rem);
  font-size: 1.6rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.credit_info p {
  padding-right: 8.5rem;
  font-size: 1.5rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.credit_info p:last-child {
  padding-right: 8.5rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.fix {
  padding: 3rem 0 3rem 3rem;
}
main#my_member_edit_confirm .inner .wrap .member dd:nth-child(2) {
  border-top: none;
}
main#my_member_edit_confirm .inner .wrap .member dd p.notice {
  margin-top: 1rem !important;
}
main#my_member_edit_confirm .inner .wrap .member dd input[type=text],
main#my_member_edit_confirm .inner .wrap .member dd input[type=password] {
  width: 61rem;
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.some p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main#my_member_edit_confirm .inner .wrap .member dd.some p:not(:first-child) {
  margin-top: 2.6rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.some span.fieldwrap {
  width: 39.8rem;
  display: flex;
  justify-content: space-between;
}
main#my_member_edit_confirm .inner .wrap .member dd.some.credit_info span.fieldwrap {
  width: 31.3rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.some span.selectwrap {
  position: relative;
}
main#my_member_edit_confirm .inner .wrap .member dd.some label {
  display: inline-block;
  width: 18.9rem;
}
main#my_member_edit_confirm .inner .wrap .member dd select {
  height: 4.6rem;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #e04d1f, #e04d1f);
  background-position: calc(100% - 2.3rem) 2rem, calc(100% - 1.65rem) 2rem, 100% 0;
  background-size: 0.7rem 0.6rem, 0.7rem 0.6rem, 4.6rem 4.6rem;
  background-repeat: no-repeat;
}
main#my_member_edit_confirm .inner .wrap .member dd button {
  width: 18.4rem;
  height: 4.6rem;
  color: #fff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
}
main#my_member_edit_confirm .inner .wrap .member dd input#postal_code {
  width: 23.6rem;
}
main#my_member_edit_confirm .inner .wrap .member dd select#pref {
  width: 23.6rem;
  margin-right: 16.2rem;
}
main#my_member_edit_confirm .inner .wrap .member dd input#city {
  width: 39.8rem;
}
main#my_member_edit_confirm .inner .wrap .member dd input#address {
  width: 39.8rem;
}
main#my_member_edit_confirm .inner .wrap .member dd button#post_search {
  width: 14.8rem;
}
main#my_member_edit_confirm .inner .wrap .member dd input#member_id {
  width: 37.2rem;
}
main#my_member_edit_confirm .inner .wrap .member dd button#id_search {
  width: 22.4rem;
}
main#my_member_edit_confirm .inner .wrap .member dd input#pin {
  width: 31.3rem;
}
main#my_member_edit_confirm .inner .wrap .member dd select#expiration_month {
  width: 14.1rem;
}
main#my_member_edit_confirm .inner .wrap .member dd select#expiration_year {
  width: 15.8rem;
}
main#my_member_edit_confirm .inner .wrap .member dd input#security_code {
  width: 14.1rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn label {
  display: block;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  opacity: 0;
  width: 1px;
  position: absolute;
  height: 1px;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 3rem;
  border-radius: 4px;
  margin-left: -0.4rem;
  font-size: 1.8rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] + span::before,
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] + span::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
  box-sizing: border-box;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] + span::before {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #707070;
  left: 0.5rem;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio] + span::after {
  width: 0.9rem;
  height: 0.9rem;
  background: #707070;
  left: 0.8rem;
  opacity: 0;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio]:checked + span::before {
  border: 1px solid #e04d1f;
}
main#my_member_edit_confirm .inner .wrap .member dd.radio_btn input[type=radio]:checked + span::after {
  background: #e04d1f;
  opacity: 1;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 11.4rem;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p {
  display: inline-block;
  position: relative;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p.back_btn input {
  font-size: 1.4rem;
  color: #707070;
  width: 16rem;
  height: 5.7rem;
  background-color: #e6e6e6;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-right: 1rem;
  cursor: pointer;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p.back_btn::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333;
  height: 0.9rem;
  width: 0.6rem;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p.done_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p.done_btn::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
  height: 1.2rem;
  width: 0.8rem;
}
main#my_member_edit_confirm .inner .wrap .submit_confirm p:hover {
  opacity: 0.8;
}

main#my_member_edit_done .inner .wrap {
  background-color: #ffffff;
  padding: 3.2rem 10.5rem 10rem;
}
main#my_member_edit_done .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_member_edit_done .inner .wrap .flow .line {
  margin: 5.8rem auto 0;
  display: flex;
  justify-content: center;
}
main#my_member_edit_done .inner .wrap .flow .line li {
  width: 14.6rem;
  border-top: 1px dashed #d3d3d3;
  position: relative;
}
main#my_member_edit_done .inner .wrap .flow .line li:nth-child(1)::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
}
main#my_member_edit_done .inner .wrap .flow .line li::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #d3d3d3;
  border-radius: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
main#my_member_edit_done .inner .wrap .flow .line li:nth-child(2)::after {
  background-color: #e04d1f;
}
main#my_member_edit_done .inner .wrap .flow .text {
  width: 39.4rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
main#my_member_edit_done .inner .wrap .flow .text li {
  width: 10rem;
  text-align: center;
}
main#my_member_edit_done .inner .wrap .notice {
  text-align: center;
  margin-top: 5.8rem;
}
main#my_member_edit_done .inner .wrap .btn {
  margin-top: 6.5rem;
}
main#my_member_edit_done .inner .wrap .btn a {
  width: 22.8rem;
  height: 4rem;
  color: #ffffff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

main#my_member_password .inner .wrap {
  background-color: #ffffff;
  padding: 5rem 10.5rem;
}
main#my_member_password .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_member_password .inner .wrap .second_form {
  padding-left: 4rem;
}
main#my_member_password .inner .wrap .second_form dl {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 2.5rem auto 0;
  width: 77rem;
}
main#my_member_password .inner .wrap .second_form dl dt {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  width: 20.9rem;
}
main#my_member_password .inner .wrap .second_form dl dd {
  margin-top: 2.6rem;
  width: 56.1rem;
}
main#my_member_password .inner .wrap .second_form dl dd input {
  width: 37rem;
  height: 4.7rem;
  border-radius: 5px;
  border: 1px solid #707070;
  outline: none;
  padding: 0.5rem 1rem;
}
main#my_member_password .inner .wrap .second_form dl dd .error {
  color: #ff3838;
  margin-top: 1rem !important;
  width: 100%;
}
main#my_member_password .inner .wrap .second_form dl dd .text-danger {
  color: #ff0000;
}
main#my_member_password .inner .wrap .second_form dl dd .notice {
  margin-top: 1rem !important;
}
main#my_member_password .inner .wrap .finish {
  text-align: center;
  margin-top: 4.6rem;
}
main#my_member_password .inner .wrap .submit_done {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 9rem;
}
main#my_member_password .inner .wrap .submit_done p {
  display: inline-block;
  position: relative;
}
main#my_member_password .inner .wrap .submit_done p.back_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.4rem;
  color: #707070;
  width: 10.7rem;
  height: 5.7rem;
  background-color: #d3d3d3;
  border-radius: 5px;
  margin-right: 1rem;
}
main#my_member_password .inner .wrap .submit_done p.done_btn input {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 26rem;
  height: 8.4rem;
  background-color: #cccc00;
  border-radius: 5px;
  border: none;
  outline: none;
  margin-left: 1rem;
  cursor: pointer;
}
main#my_member_password .inner .wrap .submit_done p.done_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.2rem;
  width: 0.8rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#my_member_password .inner .wrap .submit_done p:hover {
  opacity: 0.8;
}
main#my_member_password .inner .wrap .btn {
  margin-top: 7.7rem;
}
main#my_member_password .inner .wrap .btn a {
  width: 22.8rem;
  height: 4rem;
  color: #ffffff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

main#my_member_delete .inner .wrap {
  background-color: #ffffff;
  padding: 4.2rem 32rem 8.8rem;
}
main#my_member_delete .inner .wrap h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#my_member_delete .inner .wrap .text {
  text-align: center;
  margin-top: 4.6rem;
  font-size: 1.6rem;
}
main#my_member_delete .inner .wrap .notice {
  margin-top: 4rem;
}
main#my_member_delete .inner .wrap .notice + .notice {
  margin-top: 1.2rem;
}
main#my_member_delete .inner .wrap .btn_list {
  margin-top: 9.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#my_member_delete .inner .wrap .btn_list p {
  display: inline-block;
  position: relative;
}
main#my_member_delete .inner .wrap .btn_list p.btns input {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  background-color: #e04d1f;
  color: #ffffff;
  margin: 0 1rem;
  height: 4rem;
}
main#my_member_delete .inner .wrap .btn_list p.btn_mypage input {
  width: 22.8rem;
}
main#my_member_delete .inner .wrap .btn_list p.btn_delete input {
  width: 11.5rem;
}
main#my_member_delete .inner .wrap .btn_list p.btn_notdelete {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: #d3d3d3;
  color: #707070;
  margin: 0 1rem;
  height: 4rem;
  width: 15rem;
}
main#my_member_delete .inner .wrap .btn_list p.btn_notdelete:hover {
  opacity: 1;
}
main#my_member_delete .inner .wrap .btn_list p:hover {
  opacity: 0.8;
}
main#my_member_delete .inner .wrap .btn {
  margin-top: 8rem;
}
main#my_member_delete .inner .wrap .btn a {
  width: 15rem;
  height: 4rem;
  color: #ffffff;
  background-color: #e04d1f;
  border-radius: 5px;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

main#email .inner .second_inner {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 4.2rem 5rem 5rem;
  max-width: 700px;
}
main#email .inner .second_inner h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#email .sup_txt {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 4.6rem;
}
main#email .second_form dl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5rem;
}
main#email .second_form dl dt {
  font-size: 1.6rem;
  font-weight: 500;
  margin-right: 2.1rem;
}
main#email .second_form dl dd .text-danger {
  color: #ff3838;
  margin-top: 0.5rem;
}
main#email .second_form dl dd input {
  width: 37rem;
  height: 4.7rem;
  border-radius: 5px;
  border: 1px solid #707070;
  outline: none;
  padding: 0.5rem 1rem;
}
main#email .btn {
  margin-top: 5.6rem;
}
main#email .btn a {
  width: 22.2rem;
  height: 4rem;
  color: #fff;
  background: #e04d1f url(../../../img/auth/password/icon_mail.svg) no-repeat right 1.1rem center;
  background-size: 1.4rem 1.2rem;
  border-radius: 5px;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
}

main#passwprd_reset .inner .second_inner {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 4.2rem 6.1rem 5rem;
  max-width: 700px;
}
main#passwprd_reset .inner .second_inner h1 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
main#passwprd_reset .sup_txt {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 5.8rem;
}
main#passwprd_reset .second_form dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
main#passwprd_reset .second_form dl dt {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  width: 19rem;
}
main#passwprd_reset .second_form dl dd {
  margin-top: 2.6rem;
  width: 37rem;
}
main#passwprd_reset .second_form dl dd input {
  width: 100%;
  height: 4.7rem;
  border-radius: 5px;
  border: 1px solid #707070;
  outline: none;
  padding: 0.5rem 1rem;
}
main#passwprd_reset .second_form dl dd .notice {
  margin-top: 1rem !important;
  text-indent: -1em;
  padding-left: 1em;
}
main#passwprd_reset .second_form dl dd .text-danger {
  text-align: left;
  margin-bottom: 0;
}
main#passwprd_reset .text-danger {
  color: #ff0000;
  margin-top: 2rem;
  margin-bottom: -5rem;
  text-align: center;
}
main#passwprd_reset .btn {
  margin-top: 7.6rem;
  width: auto;
  height: auto;
}
main#passwprd_reset .btn a {
  width: 26.1rem;
  height: 8.4rem;
  color: #fff;
  background-color: #cccc00;
  border-radius: 5px;
  font-size: 1.8rem;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
}
main#passwprd_reset .btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #ffffff;
  height: 1rem;
  width: 0.8rem;
}
main#passwprd_reset .btn_list {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#passwprd_reset .btn_list p {
  display: inline-block;
  position: relative;
}
main#passwprd_reset .btn_list p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.8rem;
}
main#passwprd_reset .btn_list p.btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
}
main#passwprd_reset .btn_list p.btn_top a {
  font-size: 1.4rem;
  color: #707070;
  width: 16rem;
  height: 5.7rem;
  background-color: #e6e6e6;
  margin-right: 1rem;
}
main#passwprd_reset .btn_list p.btn_top::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: 1rem;
  background-color: #333;
}
main#passwprd_reset .btn_list p.btn_login a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 30rem;
  height: 8.4rem;
  background-color: #cccc00;
  margin-left: 1rem;
}
main#passwprd_reset .btn_list p.btn_login::after {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: 1.8rem;
  background-color: #ffffff;
}
main#passwprd_reset .btn_list p:hover {
  opacity: 0.8;
}/*# sourceMappingURL=style.css.map */