@charset "UTF-8";

/* top title */
.top_title    { font-size:50px; color:#000000; line-height:50px; font-weight:600; }
.top_sub_txt  { margin:25px 0 0 0; color:#999999; font-weight:300; font-size:15px; }

/* login */
section.login article div.title_box { margin-top: 80px; font-weight: 700; font-size: 64px;line-height: 100%}
section.login article div.title_box span { color: #EE713D;  }
section.login article div.title_box img { width:93px; height:51px; margin-right: 14px; }

section.login .login_sns_form            { width:100%; margin-top: 167px; text-align: center; } 
section.login .login_sns_form .form_tit  { font-weight: 800; font-size: 40px; line-height: 100%; letter-spacing: 0%; } 
section.login .login_sns_form .sns_box   { margin-top: 40px; width:100%; max-width: 380px; margin-inline: auto; } 
section.login .login_sns_form button     { width: 100%; height: 56px; margin-bottom: 20px; cursor: pointer; background: #fff !important; border: 1px solid #DDD; padding: 12px 55px; border-radius: 15px; border-width: 1px; display: flex; align-items: center; justify-content: center; gap: 8px; }
section.login .login_sns_form button img { width: 27px; height: 27px; flex-shrink: 0; }
section.login div.close                  { width: 100%; margin-top: 20px; font-weight: 700; font-size: 16px; line-height: 160%; text-align: center; text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 0%; text-decoration-skip-ink: auto; color: var(--color-G5);} 

section.login .login_footer            { display:inline-block; width:100%; text-align:center; margin-top:50px }
section.login .login_footer span       { display:block; color:#666; font-size:14px; padding-bottom:5px }
section.login .login_footer a          { display:inline-block; border-bottom:1px solid #000000; padding-bottom:1px; }
section.login .login_footer a:hover    { border-bottom:1px solid #ff9000; }
section.login .login_footer .line_wrap { display:inline-block; width:30px; }
section.login .login_footer .line      { height:13px; display:inline-block; border:1px solid #dddddd; margin-top:6px; }

@media screen and (max-width: 768px) {
	
	section.login article div.title_box { font-size: 40px; }
	section.login article div.title_box img { width:50px; vertical-align: sub; }
	section.login article { padding:54px 0px }
	section.login div.close         { font-size:12px }
	section.login .top_title        { padding-bottom:50px;  }
	section.login .login_email_form { width:100%; height:auto; border:0px }
	section.login .login_sns_form   { width:100%; height:auto; margin-top:40px; padding:0px 16px }
	section.login .login_sns_form .form_tit  {  font-size:32px }
	section.login .login_sns_form   button { height:50px; }
	section.login .login_sns_form   button img{ width:24px; height: 24px; }
	section.simple_wrap article.simple_footer { font-size:10px }
}