@media (min-width:1200px) {
		.small {
				font-size: 70%;
		}
		.red {
				color: #FF0000;
		}

		#main {
				min-width: 100%;
				min-height: calc(100% - 100px);
				position: relative;
				width: 100%;
				padding-bottom: 100px;

		}

		#main .inner {
				height: auto;
				min-width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				width: auto;
		}

		#main .inner .login_box {
max-width: 1000px;
width: 90%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
		}

		hr {
				height: 1px;
				background-color: #999999;
				border: none;
		}

		#main .inner .login_box h1 {
				font-family: "Noto Sans JP", sans-serif;
				font-size: 24px;
				color: #666666;
				margin: 0;
				padding: 10px;
				text-align: center;
		}
		.inner .login_box .table {
width: 100%;
display: table;
border-collapse: collapse;
border: 1px solid #dddddd;
margin-top: 20px;
		}
		.login_box .table .tr {
				display: table-row;
		}
		.table .tr .th {
display: table-cell;
background-color: #f69a3c;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
box-sizing: border-box;
border: 1px solid #dddddd;
width: 200px;
text-align: center;
color: #FFFFFF;
		}
		.table .tr .td {
				display: table-cell;
				font-family: "Noto Sans JP", sans-serif;
				padding: 10px;
				font-size: 16px;
				line-height: 32px;
				border: 1px solid #dddddd;
		}
.tr .td ol {
padding-left: 20px;
margin: 0px;
}

		.inner .login_box .btn_area {
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 20px;
				box-sizing: border-box;
				text-align: center;
				display: flex;
				justify-content: center;
		}
		.login_box .btn_area .retbtn {
			width: 330px;
			height: 60px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 2px solid #f4810b;
			color: #f4810b;
			font-size: 18px;
			font-family: "Noto Sans JP", sans-serif;
			border-radius: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			text-decoration: none;
			transition: 0.5s;
		}
    .login_box .btn_area .retbtn:hover {
			border: 2px solid #f4810b;
			color: #ffffff;
			background-color: #f4810b;
	}

}

@media (max-width:1199px) {
		#search_bar {
			display: none;
		}
		.small {
				font-size: 70%;
		}
		.red {
				color: #FF0000;
		}

		.signup {
				width: auto;
				height: auto;
				background-color: #F0E6CD;
				margin-left: auto;
				margin-right: auto;
		}

		.signup_cont {
				padding-top: 30px;
		}

		.signup_cont .logo {
				margin: 0 auto;
				text-align: center;
				padding-bottom: 15px;
		}
		.signup_cont .logo img {
				width: 100px;
		}

		.signup_cont .namb {
				margin: 0 auto;
				text-align: center;
				padding-bottom: 5px;
		}

		.signup_cont .namb img {
				width: 20px;
				padding: 5px;
		}

		#main {
				min-width: 100%;
				min-height: calc(100% - 100px);
				position: relative;
				width: 100%;
				padding-bottom: 100px;

		}

		#main .inner {
				height: auto;
				min-width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				width: auto;
		}

		#main .inner .login_box {
				max-width: 1000px;
				width: 90%;
				display: block;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 20px;
				box-sizing: border-box;
				background-color: #ffffff;
				border-radius: 10px;
				-webkit-box-shadow: 2px 2px 5px #aaaaaa;
				box-shadow: 2px 2px 5px #aaaaaa;
		}

		hr {
				height: 1px;
				background-color: #999999;
				border: none;
		}

		#main .inner .login_box h1 {
				font-family: "Noto Sans JP", sans-serif;font-family: "Noto Sans JP", sans-serif;
				font-size: 16px;
				color: #666666;
				margin: 0;
				padding: 10px;
				text-align: center;
		}
		.inner .login_box .table {
				width: 100%;
				border-collapse: collapse;
		}
		.login_box .table .tr {
				display: flex;
				flex-flow: column wrap;
				margin-bottom: 20px;

		}
		.table .tr .th {
background-color: #f69a3c;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
box-sizing: border-box;
border: 1px solid #dddddd;
width: 100%;
text-align: center;
color: #FFFFFF;
		}
		.table .tr .td {
				font-family: "Noto Sans JP", sans-serif;
				padding: 10px;
				font-size: 14px;
				line-height: 24px;
				border: 1px solid #dddddd;
		}
.tr .td ol {
padding-top: 0px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 0px;
margin: 0px;
}

		.inner .login_box .btn_area {
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 20px;
				box-sizing: border-box;
				text-align: center;
				display: flex;
				justify-content: center;
		}
		.login_box .btn_area .retbtn {
			width: 80%;
			height: 50px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 2px solid #f4810b;
			color: #f4810b;
			font-size: 18px;
			font-family: "Noto Sans JP", sans-serif;
			border-radius: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			text-decoration: none;
			transition: 0.5s;
	}
	.login_box .btn_area .retbtn:hover {
			border: 2px solid #f4810b;
			color: #ffffff;
			background-color: #f4810b;
	}

}