@charset "utf-8";

/* style-login.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * My Number
 * **************************************************
 */

/* My Number
------------------------------------------------------------------- */
/* Subpage Visual */

/* Content */
.login .content__inner {
  margin: 30px auto 0 auto;
  padding: 0 50px;
  max-width: 1080px;
}

/* Heading */
.login .subpage-visual__hd h1 {
  position: absolute;
  top: 30%;
}

#login{
	margin:0px;
}

#l-header{
	background:#ffffff;
padding:30px 0 30px;
border-bottom:1px solid#e0e0e0;}


#l-header .logo{
	text-align:center!important;
	width:17%;
	margin:0 auto;
}

#main_login{
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: #f8f8f8;
}

.content__layout__section{margin: 0 auto!important;text-align: center;}

p.login01{
	text-align:left;
	font-size:2em;
        padding:20px 0px 0px 20px;
	margin-bottom:0px;
}

.login01 img{
	max-width:72px;
	width:100%;
}


.login_box{
	margin: 0 auto;
	background:#f8f8f7;
	border-radius:30px;
	max-width:650px;
	text-align:center;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	padding-bottom:30px;
}


.login_box .login_txt{
	margin-bottom:0!important;
	padding:20px 10px 10px 20px;
	font-size:1.5em;
	line-height:1.5;
	text-align: center;
}

.login_box .login_txt_s{
	font-size:1.2em;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.5;
}


.login_box .card_img img{
	max-width:320px;
	width:100%;
	margin-bottom:20px;
}


.login_box .mistake{
	font-size:1.2em;
	color:red;
}

.login_box .form_box{
	padding:15px!important;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:center;
}

.login_box .form_box li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;}

.login_box .form_box li:first-child{
	margin-right:10px;
}


.login_box #loginbotan{
	max-width:120px;
}

.login_box #loginbotan:hover{
	opacity:.8;
}

.login_box #loginbotan img{
	width:100%;
}


.login_box .nyuryoku{
	border-radius:15px;
	border:1px solid #cbcbcb;
	padding:5px 15px;
	font-size:1.6em;
	width:100%;
}

.login .error {
	font-size:1.4em;
	color: #ff0000;
	text-align: center;
}

.red {
color:red;
}
	
@media screen and (max-width: 767px) {
  /* My Number
  ------------------------------------------------------------------- */
  /* Subpage Visual */

  /* Content */
  .login .content__inner {
    margin: 50px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }
.inner{
	min-height:540px;}
#l-header .logo{
	width:auto;
}

.login_box .form_box li{
	width:80%;
	justify-content:center;
	margin-bottom:10px;}

.login_box .form_box li:first-child{
	margin-right:0px;
}

  
}