@charset "UTF-8";
@media (min-width:1200px) {
		#main_wrap {
				width: 100%;
				min-height: auto;
				position: relative;
				/*background-color: #F0E6CD;*/
		}
		#main_wrap .inner {
				width: 1200px;
				padding: 10px;
				height: 100%;
				margin-left: auto;
				margin-right: auto;
		}
		#main_wrap .inner .login_box {
				width: 100%;
				margin-top: 60px;
				margin-bottom: 100px;
				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;*/
				border: 2px solid #dddddd;
		}
		.inner .login_box h1 {
				font-family: "Noto Sans JP", sans-serif;
				font-size: 24px;
				color: #666666;
				margin: 0;
				padding: 10px;
				text-align: center;
		}

		.login_box .login_tbl {
				display: table;
				width: 100%;
		}
		.login_tbl .tr {
				display: table-row;
				width: 100%;
		}
		.login_tbl .tr .th {
				display: table-cell;
				width: 200px;
				font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #666666;
				font-weight: bold;
				padding-top: 20px;
				padding-bottom: 20px;
		}
		.login_tbl .tr .td {
				display: table-cell;
				padding-top: 0;
		}
		.tr .td .inp_ful {
				width: 100%;
				height: auto;
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
		}
		.tr .td .inp_name {
				width: 30%;
				height: auto;
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
		}
		.login_box .err_msg {
				width: 100%;
				font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #ff0000;
				text-align: center;
				padding-top: 10px;
				margin: 0;
				padding-bottom: 10px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.login_box .btn_box {
				margin: 0;
				padding: 10px;
				width: 100%;
				text-align: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.btn_box .smt_btn {
			width: 330px;
			height: 60px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 2px solid #f4810b;
			color: #f4810b;
			background-color: #ffffff;
			font-size: 18px;
			font-family: "Noto Sans JP", sans-serif;
			border-radius: 32px;
			transition: 0.5s;
		}
		.btn_box .smt_btn:hover {
			border: 2px solid #f4810b;
			color: #ffffff;
			background-color: #f4810b;
		}
		.login_box .center {
			width: 100%;
			text-align: center;
		}
		.login_box .center a {
			font-family: "Noto Sans JP", sans-serif;
				font-size: 12px;
				color: #000000;
				text-decoration: none;
		}

}

@media (max-width:1199px) and (min-width:451px) {
	#search_bar {
		display: none !important;
	}
		#main_wrap {
				width: 100%;
				position: relative;
				background-color: #F0E6CD;
		}
		#main_wrap .inner {
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				padding: 10px;
				position: relative;
				height: 100%;
		}
		#main_wrap .inner .login_box {
				width: 80%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 60px;
				margin-bottom: 100px;
				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;
		}
		.inner .login_box h1 {
				font-family: "Noto Sans JP", sans-serif;
				font-size: 24px;
				color: #666666;
				margin: 0;
				padding: 10px;
				text-align: center;
		}

		.login_box .login_tbl {
				display: table;
				width: 100%;
		}
		.login_tbl .tr {
				display: table-row;
				width: 100%;
		}
		.login_tbl .tr .th {
				display: table-cell;
				width: 120px;
				font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #666666;
				font-weight: bold;
				padding-top: 20px;
				padding-bottom: 20px;
		}
		.login_tbl .tr .td {
				display: table-cell;
				padding-top: 0;
		}
		.tr .td .inp_ful {
				width: 100%;
				height: auto;
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
		}
		.tr .td .inp_name {
				width: 30%;
				height: auto;
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
		}
		.login_box .err_msg {
				width: 100%;
				font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #ff0000;
				text-align: center;
				padding-top: 10px;
				margin: 0;
				padding-bottom: 10px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.login_box .btn_box {
				margin: 0;
				padding: 10px;
				width: 100%;
				text-align: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.btn_box .smt_btn {
			width: 252px;
			height: 62px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 2px solid #f4810b;
			color: #f4810b;
			background-color: #ffffff;
			font-size: 18px;
			font-family: "Noto Sans JP", sans-serif;
			border-radius: 32px;
			text-decoration: none;
		}
		.btn_box .smt_btn:hover {
			border: 2px solid #f4810b;
			color: #ffffff;
			background-color: #f4810b;
		}
		.login_box .center{
			width: 100%;
			text-align: center;
		}
		.login_box .center a {
				font-family: "Noto Sans JP", sans-serif;
				font-size: 12px;
				color: #000000;
				text-decoration: none;
		}

}

@media (max-width:450px) {
		#search_bar {
			display: none;
		}
		#main_wrap {
				width: 100%;
				position: relative;
				background-color: #F0E6CD;
		}
		#main_wrap .inner {
				width: 100%;
				padding: 10px;
				height: 100%;
		}
		#main_wrap .inner .login_box {
				width: 80%;
				margin-top: 60px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 100px;
				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;
				position: relative;
		}
		.inner .login_box h1 {
				font-family: "Noto Sans JP", sans-serif;
				font-size: 20px;
				color: #666666;
				margin: 0;
				padding: 5px;
				text-align: center;
		}

		.login_box .login_tbl {
				width: 100%;
				position: relative;
		}
		.login_tbl .tr {
				width: 100%;
				position: relative;
		}
		.login_tbl .tr .th {
			font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #666666;
				font-weight: bold;
				padding-bottom: 10px;
				padding-top: 10px;
				width: 100%;
				position: relative;
		}
		.login_tbl .tr .td {
				padding-top: 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				margin: 0;
				position: relative;
				width: 100%;
		}
		.login_tbl .tr .td .inp_ful {
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
				min-width: 100%;
		}
		.login_tbl .tr .td .inp_name {
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border-radius: 5px;
				border: 2px solid #dddddd;
				padding: 10px 5px;
				min-width: 80%;
		}
		.login_box .err_msg {
				width: 100%;
				font-family: "Noto Sans JP", sans-serif;
				font-size: 14px;
				color: #ff0000;
				text-align: center;
				padding-top: 10px;
				margin: 0;
				padding-bottom: 10px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.login_box .btn_box {
				margin: 0;
				padding: 10px;
				width: 100%;
				text-align: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
		}
		.btn_box .smt_btn {
			width: 80%;
			height: 50px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 2px solid #f4810b;
			color: #f4810b;
			background-color: #ffffff;
			font-size: 18px;
			font-family: "Noto Sans JP", sans-serif;
			border-radius: 32px;
			text-decoration: none;
			transition: 0.5s;
		}
		.btn_box .smt_btn:hover {
			border: 2px solid #f4810b;
			color: #ffffff;
			background-color: #f4810b;
		}
		.login_box .center {
			width: 100%;
			text-align: center;
		}
		.login_box .center a {
				font-family: "Noto Sans JP", sans-serif;
				text-decoration: none;
				color: #000000;
				font-size: 12px;
		}

}