@charset "utf-8";

/* 共通 */

html {
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.75;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow-x: hidden;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

img {
	width: 100%;
	height: auto;
}

a:hover img {
	opacity: 0.8;
}

a.anchor{
	display: block;
	padding-top: 290px;
	margin-top: -290px;
	box-shadow: none;
}


h1 {
	display: none;
	margin: 0;
	padding: 0;
}




.pc_hide { 
	display:none;
}
.sp_hide { 
	display:block;
}


@media print, screen and (max-width: 768px) {

	.pc_hide { 
		display:block;
	}
	.sp_hide { 
		display:none;
	}

}




/* コンテンツ */

#contents-wrapper {
	z-index: 1;
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
}


.system-login-btn {
	max-width: 400px;
	width: 100%;
	margin: auto;
	text-align: center;
}


.system-logout {
	max-width: 980px;
	width: 100%;
	margin: auto;
	text-align: right;
}


.system-page-title {
	max-width: 600px;
	width: 100%;
	margin: 10px auto;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}
.system-menu-contents {
	max-width: 600px;
	width: 100%;
	margin: 40px auto;
}



.menu-title {
	max-width: 980px;
	width: 100%;
	margin: 10px auto;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: left;
}


.system-menu-block {
	width: 100%;
}
.system-menu {
	width: 100%;
	margin: 20px 0;
	font-size: 1.4rem;
	text-align: center;
	background-color: #ffea8b;
	border: 1px solid #5c5c5c;
	border-radius: 10px;
}
.system-menu a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 0;
	color: #000;
	text-decoration: none;
}


.menu-return {
	width: 150px;
	margin: 30px 0;
	font-size: 1.1rem;
	text-align: center;
	background-color: #eaeaea;
	border: 1px solid #5c5c5c;
}
.menu-return a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 0;
	color: #000;
	text-decoration: none;
}

.search-panel-block {
	width: 100%;
	margin-bottom: 30px;
}

.form-submit-btn {
	max-width: 400px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.search-submit-btn {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.form-print-btn {
	width: 100%;
    padding: 20px 0;
    text-align: right;
}


table.system-login {
	max-width: 400px;
	width: 100%;
	margin: 60px auto;
}
table.system-login td {
	padding: 10px;
}


table.admin-list {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #5c5c5c;
	font-size: 0.85rem;
}
table.admin-list th {
	padding: 5px;
	background-color: #bde4e9;
	border: 1px solid #5c5c5c;
}
table.admin-list td {
	padding: 5px;
	border: 1px solid #5c5c5c;
}


table.admin-menu {
	width: 100%;
	margin-bottom: 40px;
}
table.admin-menu th {
	width: 25%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color: #eaedf2;
}
table.admin-menu td {
	width: 75%;
	padding: 10px;
	vertical-align: top;
}


table.list-search {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #5c5c5c;
	font-size: 0.85rem;
}
table.list-search th {
	padding: 5px;
	background-color: #d5e9bd;
}
table.list-search td {
	padding: 5px;
}



.form-contents {
	max-width: 980px;
	width: 100%;
	margin: 40px auto;
}

.form-sub-title {
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	font-size: 1.5rem;
	font-weight: 700;
	background-color: #eaedf2;
	border-radius: 10px;
}

input {
	padding: 5px;
    font-size: 1.2rem;
}
input[type=text] .text-all {
	width: 100%;
}
input[type=submit]  {
	padding: 5px 40px;
	background-color: #ff9191;
}

textarea {
	width: 100%;
	height: 150px;
	padding: 5px;
	font-size: 1.0rem;
}
select {
	padding: 5px;
    font-size: 1.2rem;	
}


table.list-search input {
	padding: 2px;
    font-size: 1.0rem;
}
table.list-search select {
	padding: 2px;
    font-size: 1.0rem;	
}
.search-submit-btn input[type=submit]  {
	padding: 0 20px;
	font-size: 1.0rem;
	background-color: #d5e9bd;
}


.text-w100 {
	width: 100%;
}
.text-w90 {
	width: 90%;
}
.text-w75 {
	width: 75%;
}
.text-w50 {
	width: 50%;
}
.text-w30 {
	width: 30%;
}
.text-w25 {
	width: 25%;
}
.text-w15 {
	width: 15%;
}


.list-contents {
	max-width: 980px;
	width: 100%;
	margin: 40px auto;
}


.date_select_box {
	display: inline-block;
}
.date_text_box {
	display: inline-block;
	padding: 0 5px;
}




.menu-btn-block {
	display: flex;
	max-width: 980px;
	width: 100%;
	margin: 40px auto;
}

.menu-btn-2 {
	width: 45%;
	margin: 0 2%;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	background-color: #ffea8b;
	border: 1px solid #ccc;
}

.menu-btn-3 {
	width: calc(94% / 3);
	margin: 0 2%;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	background-color: #ffea8b;
	border: 1px solid #ccc;
}

.menu-btn-2 a, .menu-btn-3 a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px;
	color: #000;
	text-decoration: none;
}




@media print, screen and (max-width: 1080px) {

	.system-logout {
		width: 90%;
		margin: auto;
		text-align: right;
	}

	.menu-title {
		width: 90%;
		margin: 10px auto;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: left;
	}

	.form-contents {
		width: 90%;
		margin: 40px auto;
	}

	.list-contents {
		width: 90%;
		margin: 40px auto;
	}

	.menu-btn-block {
		width: 90%;
		margin: 40px auto;
	}

}
@media print, screen and (max-width: 768px) {

	


}