@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

/*----------------------------------------------
	registry
------------------------------------------------ */
body {
 font-family: "M PLUS Rounded 1c", sans-serif;
}
#registry {
     font-feature-settings: "palt"; 
      background: rgb(var(--keyc-rgb) /.1);
}
#registry .contents-wrapper{
        background:url("../images/cmn_icon_bg_white.png") no-repeat left top;
    background-size:100% auto;
}

.registry-container{
    width:min(96% ,900px);
     margin:auto;
    padding:5% 4%;
        border-radius: 1em;
    background:#fff;
}



.ctitle-section{
    margin:0 0 50px;
    text-align: center;
}
.ctitle-section .ctitle {
    color: var(--keyc);
    font-size: clamp(2rem, 1.855rem + 0.73vw, 2.4rem);
}

.regi-resend {
    width:100%;
    margin-top: 1em;
    padding-top:1em;
    text-align: center;
    border-top: 1px solid #ddd;
}


.btn-resend {
    margin-top: 20px;
    padding: .5em 1em;
    font-weight: 700;
    color: var(--keyc);
    border: 1px solid #ddd;
    background: none;
    border-radius: .5rem;
}


.other.txt-box{
    margin-top:1em;
}


.confirm-thanks .message{
    text-align: center;
    font-size:1.8rem;
}



/*	login top
------------------------------------------------ */
.login-section{
    width:min(96% ,600px);
     margin:auto;
    padding:5% 8.5%;
        border-radius: 1em;
    background: #fff;
}

.login-box dl+dl{
    margin-top:2em;
}

/*	login form
------------------------------------------------ */
.form-control+.form-control{
    margin-top:.5em;
}


/*	sign up
------------------------------------------------ */
.signup-box .lead{
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}


.signup-box ul li + li {
    margin-top: 10px;
}

.signup-box .frm-support{
    margin-top: 1em;
    }

.signup-box .frm-support .arrow-r {
  position: relative;
  padding-left: 25px;
}
.signup-box .frm-support .arrow-r:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background:  var(--keyc);
  border-radius: 50%;
  vertical-align: middle;
}
.signup-box .frm-support .arrow-r:after {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 10px;
  left: 5px;
  transform: rotate(45deg);
}