@charset "UTF-8";

#primary {font-size: 16px;}
h2.hdTxt02-01 {
  font-size: 26px;
  line-height: 1.3;
}
.process {border: 3px solid var(--primary-color);}
.process .lead {font-size: 14px;}
.process .lead .disc {
  list-style-type: disc;
  list-style-position: inside;
}
.process .lead .nodisc {
  font-size: 12px;
  list-style-type: none;
}
.process .step {
  background: #dee8f6;
  margin-top: 20px;
  padding: 15px;
}
.process .step h4 {
  color: var(--primary-color);
  line-height: 1.5;
}
.process .step p {font-size: 12px;}
.process .step p.attention {
  color: #bf1c1d;
  font-weight: bold;
}
.process .step .step-inner {
  background: #fff;
  padding: 15px;
  text-align: justify;
}
.process .step .step-inner input {
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  color: #999;
  font-size: 14px;
  margin-top: 5px;
  padding: 6px;
  width: 100%;
}
.process .step .step-inner input.focused {color:#333;}
.btn_submit {
  background: linear-gradient(to bottom, #fdfdfd, #dcdcdc 50%, #ccc 51%, #d9d9d9);
  border-radius: 5px;
  box-shadow: 0 2px 4px #a6afbe;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  width: 222px;
  height: 56px;
}
.btn_submit:hover {
  background: linear-gradient(to bottom, #e1f8ff, #c3e4ee 50%, #b4dbe7 51%, #c2e4ee);
  text-decoration: none;
}
.btn_submit:before {
  content: "";
  margin-right: 6px;
}
.step1 .btn_submit:before {
  background: url("../../login/img/icon_mail.png")no-repeat center left / contain;
  width: 31px;
  height: 22px;
}
.step2 .btn_submit:before {
  background: url("../../login/img/icon_login.png")no-repeat center left / contain;
  width: 24px;
  height: 26px;
}
.logout {
  border: solid 1px #ccc;
  background: #e2e2e2;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 5px 15px;
}
.logout:hover {background: #ececec;}
.hdTxt02-01, h3, h4 {font-weight: bold;}
.error {
  background-color: #F9DDD2;
  box-sizing: border-box;
  color: #666666;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.link_block{
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}
.link_block li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 15px 0 0;
}
.link_block li.link_faq a {
  border: 1px solid #f2eadf;
  background-color: #f2eadf;
}
.link_block li a {
  border: 1px solid #92aed3;
  padding: 5px 10px;
}
.link_block li a:after {
  content: "";
  border: #4bb7e0 1px solid;
  border-width: 1px 1px 0 0;
  display: inline-block;
  margin-left: 10px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
}
a:hover{text-decoration: underline;}
/* サポート情報 */
.login-support__container {width: fit-content;}
.login-support__ttl {
  margin: 40px 0 25px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.login-support__ttl img {
  display: inline-block;
  margin-right: 14px;
  width: 26px;
  height: 36px;
}
.login-support__link {
  margin-top: 10px;
  font-size: 14px;
  text-align: right;
}
.login-support__link a {
  color: var(--primary-color);
  text-decoration: underline;
}
.login-support__link a:hover {text-decoration: none;}
/* お申し込み動線 */
.login-support-app__txt {
  font-size: 15px;
  font-weight: bold;
}
.login-support-app__btn img {
  display: block;
  margin: 15px auto 0;
}
.login-support-message {
  margin-bottom: 15px;
  color: #e2276e;
  font-size: 22px;
  font-weight: bold;
}
.login-support-message b {font-size: 30px;}
/* サービス */
.login-support-list__ttl {
  border-left: solid 5px #ca0046;
  margin-bottom: 12px;
  padding-left: 13px;
  font-size: 18px;
  font-weight: bold;
}
.login-support-list__txt {font-size: 14px;}
.login-support-list__txt:not(:last-child) {
  margin: 0 0 15px;
  padding-bottom: 15px;
  border-bottom: #e5e5e5 1px solid;
}
/* マイページ５つの機能 */
.sp_login-support-mypage__icon {
  background: #e6528e;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  top: -9px;
}
/*unable s*/
.glayback,
.step_txt{
  background:#f2eadf;
  margin-bottom:20px;
  padding: 15px;
}
.glayback01{margin-top:15px;}
.overview {
  border-bottom: solid 2px #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.step_txt {
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  font-weight: bold;
}
.step_txt span{
  color: var(--primary-color);
  margin-right: 10px;
}
.link_list li:not(:first-child) {margin-top: 5px;}
.link_list li span {
  background-color: var(--primary-color);
  color: #fff;
  margin-right: 10px;
  padding: 0 7px;
}
.link_list a {
  display: flex;
  align-items: flex-start;
}
.detail{
  margin: 20px;
  background-color: #f1f6fb;
  padding: 15px;
}
.detail .detail_title{
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  width: 100%;
}
.detail .detail_title span{
  color: var(--primary-color);
  width: 2.2em;
}
.detail .detail_title p {width: calc(100% - 2.2em);}
.detail_body {text-align: justify;}
.detail_body a{
  color: var(--primary-color);
  text-decoration: underline;
}
/*unable e*/
/*manual s*/
.pid10989 .step_txt p {width: calc(100% - 3.5em);}
.pid10989 .step_txt .step_h {width: 3.5em;}
.pid10989 .step_block {
  margin-top: 0;
  padding: 15px 0;
}
.pid10989 .step_block img {margin-left: 20px;}
/*manual e*/
/* PC用 s*/
@media(min-width:769px){
  .forSP {display: none!important;}
  #primary {width: 100%;}
  .pid10127 #side {display: none!important;}
  .pid10989 #primary,
  .pid10991 #primary {width: 670px;}
  .process {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    width: 50%;
    margin: auto;
  }
  .sp_login-support__box,
  .login-support__box {
    display: flex;
    flex-direction: column;
    /*width: 49%;*/
    width: 100%;
  }
  .sp_login-support__ttl {
    margin-bottom: 15px;
    font-size: 140%;
    color: var(--primary-color);
    font-weight: bold;
    line-height: 1;
  }
  .login-support__inner {
    background: #f9f9f9;
    height: -webkit-fill-available;
  }
  .sp_login-support-mypage {padding: 20px 20px 10px 20px;}
  .sp_login-support-mypage__item {
    background: #fff;
    padding: 15px 15px 15px 100px;
    position: relative;
  }
  .sp_login-support-mypage__no {
    background: url("../../login/img/bg_mypage.svg") 0 0/100% 100% no-repeat;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 12px 5px 0 0;
    position: absolute;
    top: -9px;
    left: 10px;
    text-align: center;
    width: 42px;
    height: 45px;
  }
  .sp_login-support-mypage__img-1,
  .sp_login-support-mypage__img-2,
  .sp_login-support-mypage__img-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% + 12px);
    left: 12px;
    transform: translateY(-50%);
    width: 65px;
  }
  .sp_login-support-mypage__item:not(:first-child) {margin-top: 20px;}
  .sp_login-support-mypage__item img {height: 60px;}
  .sp_login-support-mypage__icon {
    left: 100px;
  }
  .sp_login-support-mypage__ttl {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
  }
  .sp_login-support-mypage__ttl {
    font-size: 16px;
    margin-top: 3px;
  }
  .sp_login-support-mypage__txt {font-size: 14px;}
  .sp_login-support-mypage__txt span {color: #e2276e;}
  .sp_login-support__link {text-align: center;}
  .sp_login-support__link a {
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    line-height: 1.3;
    position: relative;
    margin-bottom: 10px;
    white-space: nowrap;
  }
  .sp_login-support__link a:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img2014/gap/login/Shape66.png);
    background-size: auto 100%;
    content: '';
    margin-right: 5px;
  }
  .sp_login-support__link a:after {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
  }
  .step_block {
    margin-top: -100px;
    padding-top: 100px;
  }
  .process .step form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .process .step.step1 {margin-top: 0;}
  .process .step .step-inner {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  .process .step .step-inner:after {
    content: "";
    background: #fff;
    position: absolute;
    right: calc(50% - 13px);
    bottom: -13px;
    transform: rotate(45deg);
    width: 26px;
    height: 26px;
  }
  .btn_submit {margin: 25px auto 0;}
  #cv_and_function {
    display: flex;
    align-items: stretch;
    margin-top: 50px;
  }
  #mypage_function {
    margin-top: -100px;
    padding: 100px 0 0 30px;
  }
}
/* PC用 e*/
/* SP用 s*/
@media(max-width: 768px){
  .forPC {display: none!important;}
  #primary {margin: 0 2.5vw;}
  .process {padding: 10px;}
  .process .step {padding: 12px;}
  .step_ttl {color: var(--primary-color);}
  .step.step1 {margin-top: 0;}
  .step.step2 {margin-top: 12px;}
  .more2 {
    color: var(--primary-color);
    font-size: 14px;
    margin: 10px 0 10px;
    text-align: center;
  }
  .process .lead .nodisc {font-weight: bold;}
  .btn_submit {margin: 10px auto 0;}
  .login-support__ttl p {
    text-align: left;
    line-height: 1.5;
  }
  .pid10989 .step_block img {width: -webkit-fill-available;}
  .meritLink {
    background: #F4F2F2;
    color: #666666;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 3px 0;
    text-align: center;
  }
  .meritLink p {
    background: url("../../img2014/gap/login/Shape66.png") 0 center no-repeat;
    background-size: auto 100%;
    display: inline-block;
    line-height: 1;
    padding-left: 5vw;
  }
  .meritLink a {
    color: #666;
    text-decoration: underline;
  }
  .sp_login-support {margin: 35px -2.5vw 0;}
  #sp_cv_area {margin: 30px -2.5vw 0;}
  .sp_login-support *,
  #sp_cv_area * {box-sizing: border-box;}
  .sp_login-support img,
  #sp_cv_area img {image-rendering: -webkit-optimize-contrast;}
  .sp_login-support__box {
    background: #f9f9f9;
    margin:0 auto;
    padding: 20px;
    width: 95%;
  }
  .sp_login-support__ttl {
    color: var(--primary-color);
    font-size: 23px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    text-align: center;
  }
  .sp_login-support .sp_login-support__ttl.ttl--merit {
    color: #000;
    font-size: 28px;
  }
  .sp_login-support__ttl span {
    line-height: 1.5;
    text-align: left;
  }
  .sp_login-support__ttl img {
    display: inline-block;
    margin: 14px;
    width: 26px;
    height: 100%;
  }
  .sp_login-support__link {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
  }
  .sp_login-support__link a {
    color: var(--primary-color);
    display: inline-block;
    line-height: 1.3;
    padding: 0 15px 0 20px;
    position: relative;
    white-space: nowrap;
  }
  .sp_login-support__link a:before {
    content: '';
    background: url("../../img2014/gap/login/Shape66.png");
    background-size: auto 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
  }
  .sp_login-support__link a:after {
    content: '';
    border-top: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
  }
  .sp_login-support-mypage {margin-top: 30px;}
  .sp_login-support-mypage__item {
    background: #fff;
    padding: 15px 10px 15px 80px;
    position: relative;
    margin-top: 23px;
    min-height: 120px;
  }
  .sp_login-support-mypage__no {
    background: url("../../login/img/bg_mypage.svg") 0 0/100% 100% no-repeat;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 12px 10px 0 0;
    position: absolute;
    top: -9px;
    left: 15px;
    text-align: center;
    width: 45px;
    height: 50px;
  }
  .sp_login-support-mypage__img-1,
  .sp_login-support-mypage__img-2,
  .sp_login-support-mypage__img-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% + 12px);
    left: 0;
    transform: translateY(-50%);
    width: 85px;
  }
  .sp_login-support-mypage__img-1 img,
  .sp_login-support-mypage__img-2 img,
  .sp_login-support-mypage__img-3 img {
    width: auto;
    height: 60px;
  }
  .sp_login-support-mypage__icon {
    left: 80px;
  }
  .sp_login-support-mypage__ttl {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
  }
  .sp_login-support-mypage__ttl a {color: var(--primary-color);}
  .sp_login-support-mypage__txt {
    font-size: 14px;
    margin-top: 3px;
  }
  .sp_login-support-mypage__txt span {color: #e2276e;}
  .sp_login-support-app {margin-bottom: 15px;}
  .sp_login-support-app__txt {font-size: 12px;}
  .sp_login-support-app__btn {
    background: linear-gradient(to bottom, #ea166e 47%, #b90b47 53%, #e02560 90%);
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 0;
    padding: 8px;
    position: relative;
    max-width: 285px;
  }
  .sp_login-support-app__btn p {margin-right: 10px;}
  .sp_login-support-app__btn span {
    background: #fff;
    border-radius: 100px;
    color: #b90b47;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    width: 2.5em;
    height: 2.5em;
  }
  .sp_login-support-app__btn:after {
    content: "";
    border: solid 1px #fff;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
  }
}
/* SP用 e*/