@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {	
	height: 100%;
	width: 100%;　
	position: fixed;
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
    position: fixed;
    letter-spacing: 1.0px;
    color: #fff;
}
#index_wrapper {
	height: 100%;
	width: 100%;
}
#index_content {
	height: 100%;
	width: 100%;
    background: url(../images/img1.jpg) top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    padding: 100px 50px;
}
.rows{
	position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
h1{
    width: 100%;
    float: left;
    font-size: 50px;
    margin-bottom: 30px;
    margin-top: 100px;
    box-sizing: border-box;
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 4em;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
	text-shadow: 3px 3px 3px #000;
}
h2 {
	box-sizing: border-box;
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 2em;    
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000; 
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;    
    text-shadow: 2px 2px 2px #000;
}
.cnt {
    font-size: 1em;
    box-sizing: border-box;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 135%;
    float: left;
	position: relative;
	font-size: 30px;
    margin-top: 30px;
    text-shadow: 2px 2px 2px #000;
}
input{
    height: 35px;
/*    border: 2px solid #000;*/
}
.password-container {
	position: relative;
	border: 2px solid #000;
	background: #fff;
}
#textPassword {
    border: none;
	background: unset;
	font-size: 20px;
	width: 160px;
}
#textPassword:focus-visible {
    outline: unset;
}
#fieldPassword {
border-width: thin;
border-style: solid;
width: 200px;
}
#buttonEye {
	position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #333;
    font-size: 24px;
}
input.button{
    border: 2px #fff solid;
    background: unset;
    padding: 0 30px;
    color: #fff;
    font-size: 24px;
    height: 45px;
    margin-top: 10px;
    box-shadow: 0 0 7px #000;
    background: rgb(0 0 0 / 30%);
    position: absolute;
    left: 220px;
    top: 32px;
}
input.button:hover{
	opacity: 0.7;
}

@media screen and (max-width:600px) {
	#index_content {
		height: 100%;
	    padding: 100px 30px;
	}
	h1{
		font-size: 3em;
	}
	h2{
		font-size: 1.6em;
	}
}

@media screen and (max-width:480px) {
	h1{
		font-size: 2.5em;
	}
	h2{
		font-size: 1.4em;
	}
}

@media screen and (max-width:420px) {
	h1{
		font-size: 2.2em;
	}
	h2{
        font-size: 1.2em;
        letter-spacing: 0px;
	}
	
	input.button{
		padding: 0 15px;
		position: relative;
		left: 0;
        top: 0;
	}
	#fieldPassword{
	    border-width: unset;
    border-style: unset;
	}
}