@charset "utf-8";

/* 共通
******************************************************************************************** */

.static_contents {
	width:900px;
	margin:0px auto;
}

h1 {
	font-size: 3.6rem;
	text-align:center;
	color: #FFFFFF;
	line-height:100px;
	background-image: url(../images/main_image_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo",sans-serif;
}

/* IE11用 */
_:-ms-fullscreen, :root h1 {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo",sans-serif;
}

.static_contents p {
	font-style:normal;
	line-height:160%;
	margin:15px 0px;
}

.static_contents p.lead {
	text-align:center;
}

.static_contents #form_button {
	width:900px;
}

#form_button {
	text-align: center;
}

#form_button button[type="submit"] {
	display:block;
	width:280px;
	min-height:50px;
	margin:40px auto;
	background-color:#0d808b;
	color:#FFFFFF;
	font-size:1.8rem;
	border:solid 2px #0d808b;
	box-sizing: border-box;
	cursor: pointer;
	transition:all .3s;
	position:relative;
	box-sizing: border-box;
}

#form_button button[type="submit"]:hover,
#form_button button[type="submit"]:focus {
	background-color:#FFFFFF;
	color:#0d808b;
}

#form_button button[type="submit"]:before,
#form_button button[type="submit"]:after {
	position:absolute;
	right:16px;
	top:50%;
	content:"";
	width:8px;
	height:2px;
	background:#fff;
}

#form_button button[type="submit"]:hover:before,
#form_button button[type="submit"]:hover:after,
#form_button button[type="submit"]:focus:before,
#form_button button[type="submit"]:focus:after {
	position:absolute;
	right:16px;
	top:50%;
	content:"";
	width:8px;
	height:2px;
	background:#0d808b;
}

#form_button button[type="submit"]:before {
  margin-top:-3px;
  -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
          transform:rotate(45deg);
}

#form_button button[type="submit"]:after {
  margin-top:1px;
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

.pc{
	display:block;
}

.sp{
	display:none;
}


/* パスワード再登録依頼
******************************************************************************************** */

.static_contents table {
	border-collapse:collapse;
	width:100%;
}

.static_contents table tr {
	clear:both;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

.static_contents table th {
	width:160px;
	font-size:1.6rem;
	border-collapse:collapse;
	background-color:#d9edf8;
	padding:10px;
	font-weight:normal;
	text-align:left;
}

.static_contents table td {
	border-collapse:collapse;
	padding:10px;
	font-size:1.6rem;
	line-height:160%;
}

.static_contents table td input {
	margin: 5px;
	padding: 5px;
}

.mail {
	width:300px;
}


/* スマホ用 */
@media screen and (max-width: 480px) {
	
	/* 共通
	******************************************************************************************** */
	
	.static_contents {
		width:100%;
	}
	
	h1 {
		font-size: 2.4rem;
		padding:20px 0px;
		line-height:150%;
	}
	
	.static_contents p {
		margin:15px 5px;
	}
	
	.static_contents p.lead {
		text-align:left;
	}

	.static_contents #form_button {
		width:100%;
	}
	
	#form_button button[type="submit"] {
		width:80%;
		min-height:50px;
		margin:30px auto;
		font-size:1.8rem;
		font-weight:bold;
	}

	.static_contents label {
		margin:0px 15px 0px 3px;
	}

	.pc{
		display:none;
	}
	
	.sp{
		display:block;
	}
	

	/* パスワード再登録依頼
	******************************************************************************************** */

	.static_contents input[type="password"],
	.static_contents input[type="text"] {
		font-size: 120%;
	}

	.static_contents table {
		width:99.5%;
	}
	
	.static_contents table tr {
		clear:both;
	}
	
	.static_contents table th {
		width:93.69%;
		padding:3%;
		float:left;
		clear:both;
		display:block;
	}
	
	.static_contents table td {
		width:93.69%;
		padding:3%;
		float:left;
		clear:both;
		display:block;
		line-height:100%;
	}

	.static_contents table td input {
		margin:5px 0px;
	}

	.mail {
		width:98.23%;
	}
}