@charset "UTF-8";
@media screen and (max-width: 750px) { html.notIE main img { display: block; width: 100%; } }

.area_title { background-color: #f7f7f7; }

.area_cont2 { background-color: #f7f7f7; }

@media screen and (min-width: 751px) { html.notIE .area_title { padding: 50px 0; }
  html.notIE .area_title h1 { text-align: center; font-size: 26px; line-height: 1.4; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_title .title_lead { margin-top: 30px; text-align: center; }
  html.notIE .area_title .title_lead em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_title .u-title_step { margin-top: 40px; }
  html.notIE .area_title .title_notes { display: table; margin: 20px auto 0; }
  html.notIE .area_title .title_notes li { display: block; font-size: 12px; line-height: 1.8; text-indent: -1em; padding-left: 1em; }
  html.notIE .area_cont1 { padding: 60px 0; }
  html.notIE .area_cont1 h2 { color: #d19a5f; font-size: 20px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 35px; }
  html.notIE .area_cont1 .catch { font-size: 16px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_cont1 .text { margin-top: 16px; }
  html.notIE .area_cont1 .u-notes { margin-top: 16px; }
  html.notIE .area_cont2 { padding: 60px 0; }
  html.notIE .area_cont2 h2 { color: #d19a5f; font-size: 20px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 35px; } }

html.msie .area_title { padding: 50px 0; }
html.msie .area_title h1 { text-align: center; font-size: 26px; line-height: 1.4; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .area_title .title_lead { margin-top: 30px; text-align: center; }
html.msie .area_title .title_lead em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .area_title .u-title_step { margin-top: 40px; }
html.msie .area_title .title_notes { display: table; margin: 20px auto 0; }
html.msie .area_title .title_notes li { display: block; font-size: 12px; line-height: 1.8; text-indent: -1em; padding-left: 1em; }
html.msie .area_cont1 { padding: 60px 0; }
html.msie .area_cont1 h2 { color: #d19a5f; font-size: 20px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 35px; }
html.msie .area_cont1 .catch { font-size: 16px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .area_cont1 .text { margin-top: 16px; }
html.msie .area_cont1 .u-notes { margin-top: 16px; }
html.msie .area_cont2 { padding: 60px 0; }
html.msie .area_cont2 h2 { color: #d19a5f; font-size: 20px; line-height: 1.5; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 35px; }

@media screen and (max-width: 750px) { html.notIE .area_title { padding: calc(50 / 750 * 100vw) 0; }
  html.notIE .area_title h1 { text-align: center; font-size: 18px; line-height: calc(45 / 750 * 100vw); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_title .title_lead { margin-top: calc(30 / 750 * 100vw); }
  html.notIE .area_title .title_lead em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_title .u-title_step { margin-top: calc(40 / 750 * 100vw); }
  html.notIE .area_title .title_notes { margin: calc(20 / 750 * 100vw) 0 0; }
  html.notIE .area_title .title_notes li { display: block; font-size: 12px; line-height: 1.8; text-indent: -1em; padding-left: 1em; }
  html.notIE .area_cont1 { padding: calc(50 / 750 * 100vw) 0; }
  html.notIE .area_cont1 h2 { color: #d19a5f; font-size: 16px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: calc(30 / 750 * 100vw); }
  html.notIE .area_cont1 .catch { font-size: 14px; line-height: 2; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_cont1 .text { margin-top: calc(30 / 750 * 100vw); }
  html.notIE .area_cont1 .u-notes { margin-top: calc(30 / 750 * 100vw); }
  html.notIE .area_cont2 { padding: calc(50 / 750 * 100vw) 0; }
  html.notIE .area_cont2 h2 { color: #d19a5f; font-size: 16px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: calc(30 / 750 * 100vw); } }

@media screen and (min-width: 751px) { html.notIE .area_cont2 .link { margin-top: 20px; text-align: center; } }

html.msie .area_cont2 .link { margin-top: 20px; text-align: center; }

@media screen and (max-width: 750px) { html.notIE .area_cont2 .link { margin-top: calc(36 / 750 * 100vw); text-align: center; } }

@media screen and (min-width: 751px) { html.notIE .E_member_0005 .area_cont2 .text { margin-top: 40px; text-align: center; }
  html.notIE .E_member_0005 .area_cont2 .u-notes { margin-top: 20px; text-align: center; }
  html.notIE .E_member_0005 .area_cont2 .check_extend_login .u-checkbox { padding: 0; }
  html.notIE .E_member_0005 .area_cont2 .check_extend_login .u-checkbox span::before, html.notIE .E_member_0005 .area_cont2 .check_extend_login .u-checkbox span::after { display: none; }
  html.notIE .E_member_0005 .area_cont2 .check_extend_login .u-btn_sub_gray { display: none; } }

html.msie .E_member_0005 .area_cont2 .text { margin-top: 40px; text-align: center; }
html.msie .E_member_0005 .area_cont2 .u-notes { margin-top: 20px; text-align: center; }
html.msie .E_member_0005 .area_cont2 .check_extend_login .u-checkbox { padding: 0; }
html.msie .E_member_0005 .area_cont2 .check_extend_login .u-checkbox span::before, html.msie .E_member_0005 .area_cont2 .check_extend_login .u-checkbox span::after { display: none; }
html.msie .E_member_0005 .area_cont2 .check_extend_login .u-btn_sub_gray { display: none; }

@media screen and (max-width: 750px) { html.notIE .E_member_0005 .area_cont2 .text { margin-top: calc(60 / 750 * 100vw); }
  html.notIE .E_member_0005 .area_cont2 .u-notes { margin-top: calc(20 / 750 * 100vw); } }

@media screen and (min-width: 751px) { html.notIE .yymmdd_input { display: flex; align-items: center; }
  html.notIE .yymmdd_input div + div { margin-left: 20px; }
  html.notIE .mail_reject { margin: 20px 0; }
  html.notIE .mail_samples { margin: 20px 0; display: flex; flex-wrap: wrap; }
  html.notIE .mail_samples li { width: 40%; }
  html.notIE .mail_samples li:nth-child(n + 3) { margin-top: 15px; }
  html.notIE .btn_cancel { max-width: 300px; margin: 20px auto 0; }
  html.notIE .btn_cancel button { width: 100%; }
  html.notIE .area_cont2 .check_extend_login { margin-bottom: 30px; text-align: center; } }

html.msie .yymmdd_input { display: flex; align-items: center; }
html.msie .yymmdd_input div + div { margin-left: 20px; }
html.msie .mail_reject { margin: 20px 0; }
html.msie .mail_samples { margin: 20px 0; display: flex; flex-wrap: wrap; }
html.msie .mail_samples li { width: 40%; }
html.msie .mail_samples li:nth-child(n + 3) { margin-top: 15px; }
html.msie .btn_cancel { max-width: 300px; margin: 20px auto 0; }
html.msie .btn_cancel button { width: 100%; }
html.msie .area_cont2 .check_extend_login { margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 750px) { html.notIE .yymmdd_input { display: flex; align-items: center; flex-wrap: wrap; }
  html.notIE .yymmdd_input select { height: 46px; }
  html.notIE .yymmdd_input div + div { flex-basis: 50%; margin-top: calc(20 / 750 * 100vw); }
  html.notIE .yymmdd_input div + div select { width: calc(100% - 2em); }
  html.notIE .yymmdd_input div:first-child { width: 100%; }
  html.notIE .yymmdd_input div:first-child select { width: calc(100% - 2em); }
  html.notIE .yymmdd_input div:nth-child(2) { margin-left: 0; }
  html.notIE .mail_reject { margin: calc(20 / 750 * 100vw) 0; }
  html.notIE .mail_samples { margin: calc(20 / 750 * 100vw) 0; }
  html.notIE .mail_samples li { margin-top: calc(10 / 750 * 100vw); }
  html.notIE .btn_cancel { max-width: 375px; display: block; margin: calc(20 / 750 * 100vw) auto 0; }
  html.notIE .btn_cancel button { width: 100%; }
  html.notIE .area_cont2 .check_extend_login { margin-bottom: calc(40 / 750 * 100vw); text-align: center; } }

@media screen and (min-width: 751px) { html.notIE .E_member_0003 .agreement_box { margin-top: 20px; height: 60vh; overflow-y: auto; border: solid 1px #ddd; padding: 20px; }
  html.notIE .E_member_0003 .agreement_box h2, html.notIE .E_member_0003 .agreement_box h3, html.notIE .E_member_0003 .agreement_box h4 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 16px; color: #000; margin-bottom: 20px; }
  html.notIE .E_member_0003 .agreement_box .detail { margin: 10px 0 20px; font-size: 12px; }
  html.notIE .E_member_0003 .agreement_box .detail .mt05 { margin-top: .3em; }
  html.notIE .E_member_0003 .agreement_box .detail .default > li { list-style: decimal; margin: 0 0 0.3em 20px; }
  html.notIE .E_member_0003 .agreement_box .detail .numberParen01 li { list-style: none; margin: 0 0 0 1em; text-indent: -1em; }
  html.notIE .E_member_0003 .agreement_box hr { border: 0 none; border-top: solid 1px #ddd; padding: 0; height: 0; margin: 30px 0; } }

html.msie .E_member_0003 .agreement_box { margin-top: 20px; height: 60vh; overflow-y: auto; border: solid 1px #ddd; padding: 20px; }
html.msie .E_member_0003 .agreement_box h2, html.msie .E_member_0003 .agreement_box h3, html.msie .E_member_0003 .agreement_box h4 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 16px; color: #000; margin-bottom: 20px; }
html.msie .E_member_0003 .agreement_box .detail { margin: 10px 0 20px; font-size: 12px; }
html.msie .E_member_0003 .agreement_box .detail .mt05 { margin-top: .3em; }
html.msie .E_member_0003 .agreement_box .detail .default > li { list-style: decimal; margin: 0 0 0.3em 20px; }
html.msie .E_member_0003 .agreement_box .detail .numberParen01 li { list-style: none; margin: 0 0 0 1em; text-indent: -1em; }
html.msie .E_member_0003 .agreement_box hr { border: 0 none; border-top: solid 1px #ddd; padding: 0; height: 0; margin: 30px 0; }

@media screen and (max-width: 750px) { html.notIE .E_member_0003 .agreement_box { margin-top: calc(40 / 750 * 100vw); height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px); border: solid 1px #ddd; padding: calc(40 / 750 * 100vw); }
  html.notIE .E_member_0003 .agreement_box h2, html.notIE .E_member_0003 .agreement_box h3, html.notIE .E_member_0003 .agreement_box h4 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 14px; color: #000; margin-bottom: calc(20 / 750 * 100vw); }
  html.notIE .E_member_0003 .agreement_box .detail { margin: calc(20 / 750 * 100vw) 0 calc(40 / 750 * 100vw); font-size: 12px; }
  html.notIE .E_member_0003 .agreement_box .detail .mt05 { margin-top: calc(20 / 750 * 100vw); }
  html.notIE .E_member_0003 .agreement_box .detail .default > li { list-style: decimal; margin: 0 0 0.3em 20px; }
  html.notIE .E_member_0003 .agreement_box .detail .numberParen01 li { list-style: none; margin: 0 0 0 1em; text-indent: -1em; }
  html.notIE .E_member_0003 .agreement_box hr { border: 0 none; border-top: solid 1px #ddd; padding: 0; height: 0; margin: calc(40 / 750 * 100vw) 0; } }

@media screen and (min-width: 751px) { html.notIE .E_member_0002 .icn_mail { background: url(/elixir/club/shared/img/icn_mail.svg) no-repeat left center; background-size: 35px; padding-left: 45px; }
  html.notIE .E_member_0002 .trouble_shoot { margin-top: 40px; }
  html.notIE .E_member_0002 .trouble_shoot h3 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 20px; }
  html.notIE .E_member_0002 .trouble_shoot ul li { position: relative; padding-left: 20px; }
  html.notIE .E_member_0002 .trouble_shoot ul li::before { content: '・'; display: block; position: absolute; top: 0; left: 0; width: 20px; }
  html.notIE .E_member_0002 .trouble_shoot ul li + li { margin-top: 10px; } }

html.msie .E_member_0002 .icn_mail { background: url(/elixir/club/shared/img/icn_mail.svg) no-repeat left center; background-size: 35px; padding-left: 45px; }
html.msie .E_member_0002 .trouble_shoot { margin-top: 40px; }
html.msie .E_member_0002 .trouble_shoot h3 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 20px; }
html.msie .E_member_0002 .trouble_shoot ul li { position: relative; padding-left: 20px; }
html.msie .E_member_0002 .trouble_shoot ul li::before { content: '・'; display: block; position: absolute; top: 0; left: 0; width: 20px; }
html.msie .E_member_0002 .trouble_shoot ul li + li { margin-top: 10px; }

@media screen and (max-width: 750px) { html.notIE .E_member_0002 .icn_mail { background: url(/elixir/club/shared/img/icn_mail.svg) no-repeat left center; background-size: 35px; padding-left: 45px; }
  html.notIE .E_member_0002 .trouble_shoot { margin-top: calc(40 / 750 * 100vw); }
  html.notIE .E_member_0002 .trouble_shoot h3 { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: calc(40 / 750 * 100vw); }
  html.notIE .E_member_0002 .trouble_shoot ul li { position: relative; padding-left: calc(20 / 750 * 100vw); }
  html.notIE .E_member_0002 .trouble_shoot ul li::before { content: '・'; display: block; position: absolute; top: 0; left: 0; width: calc(20 / 750 * 100vw); }
  html.notIE .E_member_0002 .trouble_shoot ul li + li { margin-top: 10px; } }

@media screen and (min-width: 751px) { html.notIE .E_member_0001 .area_cont2 .u-form_btn_area { margin: 40px 0; }
  html.notIE .E_member_0001 .area_cont2 .text { margin-bottom: 20px; }
  html.notIE .E_member_0001 .area_cont2 .u-notes li { font-size: 14px; } }

html.msie .E_member_0001 .area_cont2 .u-form_btn_area { margin: 40px 0; }
html.msie .E_member_0001 .area_cont2 .text { margin-bottom: 20px; }
html.msie .E_member_0001 .area_cont2 .u-notes li { font-size: 14px; }

@media screen and (max-width: 750px) { html.notIE .E_member_0001 .area_cont2 .u-form_btn_area { margin: calc(40 / 750 * 100vw) 0; }
  html.notIE .E_member_0001 .area_cont2 .text { margin-bottom: calc(20 / 750 * 100vw); }
  html.notIE .E_member_0001 .area_cont2 .u-notes li { font-size: 14px; } }

@media screen and (min-width: 751px) { html.notIE .E_member_0040 .agreement_box { margin-top: 20px; border: solid 1px #ddd; padding: 20px; }
  html.notIE .E_member_0040 .area_cont2 .btn { text-align: center; }
  html.notIE .E_member_0040 .area_cont2 * + .btn { margin-top: 40px; } }

html.msie .E_member_0040 .agreement_box { margin-top: 20px; border: solid 1px #ddd; padding: 20px; }
html.msie .E_member_0040 .area_cont2 .btn { text-align: center; }
html.msie .E_member_0040 .area_cont2 * + .btn { margin-top: 40px; }

@media screen and (max-width: 750px) { html.notIE .E_member_0040 .agreement_box { margin-top: calc(40 / 750 * 100vw); border: solid 1px #ddd; padding: calc(40 / 750 * 100vw); }
  html.notIE .E_member_0040 .area_cont2 .btn { text-align: center; }
  html.notIE .E_member_0040 .area_cont2 * + .btn { margin-top: calc(40 / 750 * 100vw); } }