@charset "UTF-8";

/* ■■■■■■■■■■■■■■■■■■■■　スマートフォン（共通）■■■■■■■■■■■■■■■■■■■■ */

/* 見出し */
.midashi{
width: 100%;
height: 140px;
background:url("../images/pass.png") 80% center / auto 60% no-repeat, linear-gradient(150deg, rgba(230, 0, 170, 1) 22%, rgba(255, 255, 0, 1) 96%);
display: grid;
place-items: center;
}
.midashi p{
font-size: 24px;
font-weight: 900;
color: #FFFFFF;
padding: 0 35% 0 0;
}

/* 文言 */
.text1{
display: grid;
place-items: center;
padding: 0 10% 0 10%;
}
.text1 p{
width: 0 auto;
margin: 0 auto;
font-size: 18px;
font-weight: 500;
color: #333;
padding: 36px 0 35px 0;
border-bottom: #CCC solid 2px;
}

.text2{
display: grid;
place-items: center;
padding: 0 10% 0 10%;
}
.text2 p{
width: 0 auto;
margin: 0 auto;
font-size: 20px;
font-weight: 500;
color: #333;
padding: 40% 0 35% 0;
}

/* フォーム */
form{text-align: center;}

form .item{
font-size: 24px;
font-weight: 600;
}
form .item.id{
padding: 30px 0 3% 0;
}
form .item.pass{
padding: 8% 0 3% 0;
}

/* エラー表示 */
.lerror{
width: 90%;
margin: 7% auto 0px auto;
color: #e95050;
text-decoration: none;
font-size: 18px;
font-weight: 500;
padding: 20px 25px 20px 25px;
border: #FF0004 solid 1px;
background-color: #fefafa;
}


/* ボタン */
.btn1{
display: grid;
place-items: center;
margin: 70px 0 80px 0;
}
.btn2{
display: grid;
place-items: center;
margin: 0 0 100px 0;
}



/* ■■■■■■■■■■■■■■■■■■■■　タブレット　■■■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width: 600px) {

}



/* ■■■■■■■■■■■■■■■■■■■■　P C　■■■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width: 1025px) {

/* 見出し */
.midashi{
background:url("../images/pass.png") 65% center / auto 60% no-repeat, linear-gradient(150deg, rgba(230, 0, 170, 1) 22%, rgba(255, 255, 0, 1) 96%);
}
.midashi p{
padding: 0 30% 0 0;
}

/* エラー表示 */
.lerror{
width: 70%;
margin: 7% auto -10px auto;
}

}