@charset "utf-8";

/* CSS Document */

@media (max-width: 1200px) {
}

@media (max-width: 998px) {
}

@media (max-width: 768px) {
}

@media (max-width: 576px) {
}
body {
	color: #434343;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
body, input, button, textarea, select {
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
	font-size: 16px;
}

@media (max-width: 576px) {
p {
	font-size: 50%;
}
}
/*-----------------------------------------
*
* reset & common
*
-----------------------------------------*/
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
[type=checkbox] {
	display: none;
}
.move {
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
/*-----------------------------------------
*
* login
*
-----------------------------------------*/
#login {
	background: linear-gradient(-135deg, #4DB6AC, #E0F2F1);
	position: relative;
	height: 100vh
}
#login #login_body {
	width: 500px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#login #login_body .inner {
	border-radius: 10px;
	border: #ddd 1px solid;
	background: rgba(255, 255, 255, .95);
	padding: 50px;
}
#login h1 {
	font-size: 30px;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	text-align: center;
}
#login dl {
	border-radius: 6px;
	border: #ddd 1px solid;
	width: 100%;
	margin: 0;
	margin-top: 25px;
	padding: 0;
	display: table;
}
#login dl dt, #login dl dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
}
#login dl dt {
	width: 60px;
	text-align: center;
	background: #f1f1f1;
}
#login .help-block {
	text-align: center;
	color: #cc0000;
	font-size: 14px;
	margin-top: 10px;
}
#login .help-block li:before {
	font-family: FontAwesome;
	content: "\f071";
}
#login [type=text], #login [type=password] {
	padding: 20px;
	width: 100%;
	font-size: 16px
}
#login button {
	border-radius: 6px;
	border: #009688 1px solid;
	background: #009688;
	color: #fff;
	display: block;
	width: 100%;
	padding: 20px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
#login button:hover {
	border: rgba(0, 150, 136, .80) 1px solid;
	background: rgba(0, 150, 136, .50);
}
#login button.disabled {
	border: #ccc 1px solid;
	background: #ddd;
	color: #999;
}
#login #error p {
	color: #cc0000;
	text-align: center;
	margin-bottom: 25px;
}

@media (max-width: 576px) {
#login #login_body {
	width: 100%;
	height: 200px;
	position: static;
	padding: 15px;
}
#login #login_body .inner {
	border-radius: 10px;
	border: #ddd 1px solid;
	background: #fff;
	padding: 20px;
}
}
/*-----------------------------------------
*
* header
*
-----------------------------------------*/
#console header {
	background: #009688;
	position: relative;
	height: 50px;
}
#console header h1 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	margin-top: 15px;
}
#console header #signout {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	margin-top: 5px;
}
#console header a {
	border-radius: 6px;
	border: #fff 1px solid;
	background: #f1f1f1;
	color: #009688;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 10px;
	text-decoration: none;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
#console header a:hover {
	background: #009688;
	color: #f1f1f1;
}
#console header a span {
	margin-left: 5px;
}

@media (max-width: 576px) {
#console header h1 {
	font-size: 18px;
}
#console header a span {
	margin-left: 0px;
	display: none;
}
}
/*-----------------------------------------
*
* footer
*
-----------------------------------------*/
footer {
	text-align: center;
	background: #f1f1f1;
	font-size: 13px;
	padding: 10px 0;
}
/*-----------------------------------------
*
* content
*
-----------------------------------------*/
section {
	padding-top: 30px;
	padding-bottom: 30px;
}
section h1 {
	font-size: 26px;
}

@media (max-width: 576px) {
section {
	padding-top: 15px;
	padding-bottom: 15px;
}
section h1 {
	font-size: 18px;
}
}
/*-----------------------------------------
*
* search
*
-----------------------------------------*/
#search {
	display: none;
}
#search dl {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}
#search dl dt, #search dl dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 500;
}
/*############################################
##############################################

ここから修正　180401修正

##############################################
############################################*/
/*
#search dl dt {
	background: #ddd;
    width: 150px;
}
#search ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#search ul li {
    display: inline-block;
    padding: 15px 0;
    margin-right: 20px;
}*/
#search dl dt {
	width: 106px;
}
#search ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: table;
}
#search ul li {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0;
	margin-right: 20px;
}
#search ul li:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
/*############################################
##############################################

ここまで修正 180401修正

##############################################
############################################*/

#search label {
	margin: 0;
	padding: 0;
}
#search [type=checkbox] + label {
	cursor: pointer;
}
#search [type=checkbox] + label:hover {
	color: #999;
}
#search [type=checkbox] + label:before {
	font-family: FontAwesome;
	content: "\f096";
	margin-right: 5px;
}
#search [type=checkbox]:checked + label:before {
	font-family: FontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}
#search [type=text], #search [type=date], #search select {
	border-radius: 6px;
	border: #ddd 1px solid;
	width: 100%;
	padding: 5px;
	min-height: 28px;
}
/*
#search .select {
	position: relative;
	width: 100%;
	display: block;
}
#search .select:after {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	right: 10px;
	top: 50%;
	line-height: 0;
	z-index: -10;
}
#search .select option {
	display: none;
}*/

#search .select, .select2-container {
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ddd !important;
	border-radius: 4px;
}
.select2-results {
	font-size: 14px;
}
#search #search_btn {
	border-radius: 6px;
	border: #009688 1px solid;
	background: #009688;
	color: #fff;
	display: block;
	padding: 15px 20px;
	font-weight: 600;
	cursor: pointer;
	width: 300px;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#search #search_btn:hover {
	border: rgba(0, 150, 136, .80) 1px solid;
	background: rgba(0, 150, 136, .50);
}
#search_open {
	border-bottom: #ddd 1px solid;
	border-top: #ddd 1px solid;
	background: #f1f1f1;
	color: #111;
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
	cursor: pointer;
	font-weight: 600;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
#search_open:hover {
	color: #999;
}
#search_open:after {
	content: "開く";
}
#search_open:before {
	font-family: FontAwesome;
	content: "\f067";
	margin-right: 5px;
}
#search_open.active:after {
	content: "閉じる";
}

@media (max-width: 998px) {
/*############################################
##############################################

ここから修正　180401修正

##############################################
############################################*/
/*
	
	    #search ul {
        border-radius: 6px;
        border: #ddd 1px solid;
        margin: 0;
        padding: 0;
        list-style: none;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
	    #search ul li {
        display: table-cell;
        padding: 0;
        margin: 0;
        margin-right: 0px;
    }
	    #search ul li:first-child {
        border-right: #ddd 1px solid;
    }

    #search [type=checkbox] + label {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 10px;
        text-align: center;
    }

    #search [type=checkbox] + label:before {
        content: "";
        margin-right: 0px;
    }

    #search [type=checkbox]:checked + label:before {
        content: "";
        margin-right: 0px;
    }

    #search [type=checkbox]:checked + label {
        background: #E0F2F1;
    }

    #search [type=checkbox]#male:checked + label {
        border-radius: 6px 0 0 6px
    }

    #search [type=checkbox]#female:checked + label {
        border-radius: 0 6px 6px 0;
    }
*/
	

/*############################################
##############################################

ここまで修正 180401修正

##############################################
############################################*/
#search dl {
	border-bottom: #f1f1f1 1px solid;
	padding-bottom: 20px;
}
#search .checkbox_group {
	border-radius: 6px;
	border: #ddd 1px solid;
	width: 100%;
	display: table;
	table-layout: fixed;
}
#search .checkbox_group li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#search .checkbox_group li:nth-child(2) {
	padding-left: 0px;
	padding-right: 0px;
	border-left: #ddd 1px solid;
}
#search .checkbox_group [type=checkbox] + label {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 10px;
	text-align: center;
}
#search .checkbox_group [type=checkbox] + label:before {
	content: "";
	margin-right: 0px;
}
#search .checkbox_group [type=checkbox]:checked + label:before {
	content: "";
	margin-right: 0px;
}
#search .checkbox_group [type=checkbox]:checked + label {
	background: #E0F2F1;
}
#search .checkbox_group [type=checkbox]#male:checked + label {
	border-radius: 6px 0 0 6px
}
#search .checkbox_group [type=checkbox]#female:checked + label {
	border-radius: 0 6px 6px 0;
}
}

@media (max-width: 576px) {
#search #search_btn {
	width: 100%;
}
/*############################################
##############################################

ここから追加　180401修正

##############################################
############################################*/	
#search .search_responsive, #search .search_responsive li {
	display: block;
}
#search .search_responsive li {
	margin: 0;
	padding: 0;
}
#search .search_responsive li:nth-child(2) {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
/*############################################
##############################################

ここまで追加　180401修正

##############################################
############################################*/		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/*-----------------------------------------
*
* results
*
-----------------------------------------*/

@media (min-width: 991px) {
#results #table_body {
	box-sizing: border-box;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
#results .scroll {
	overflow: auto;
	white-space: nowrap;
}
 .scroll::-webkit-scrollbar {
 height: 5px;
}
 .scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}
 .scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
#results table {
	border: #4DB6AC 1px solid;
	border-right: none;
	border-bottom: none;
	width: 100%;
	margin-bottom: 10px;
}
#results th, #results td {
	border-right: #4DB6AC 1px solid;
	border-bottom: #4DB6AC 1px solid;
	padding: 20px 15px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
#results th {
	background: #26A69A;
	color: #fff;
}
#results td:first-child {
	padding: 5px;
}
#results td a {
	border-radius: 6px;
	background: #cc0000;
	color: #fff;
	font-size: 12px;
	width: 100%;
	display: block;
	padding: 10px;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	text-decoration: none;
}
#results td a:hover {
	background: rgba(204, 0, 0, .50);
}
#results td a span {
	margin-left: 5px;
}
#results td rt {
	text-align: center;
	display: block;
	font-size: 11px;
}
.table-hover tbody tr:hover {
	background-color: #E0F2F1;
}
}

@media (max-width: 990px) {
.table_body {
	padding: 10px;
}
.table_heaer {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .30);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .30);
	box-shadow: 0 0 5px rgba(0, 0, 0, .30);
}
.table_heaer dl {
	border-bottom: #ddd 1px solid;
	width: 100%;
	margin: 0;
	display: table;
}
.table_heaer dl dt, .table_heaer dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-weight: 600;
	font-size: 60%;
	padding: 15px 10px;
}
.table_heaer dl dt {
	width: 105px !important;
	background: #26A69A;
	color: #fff;
}
.table_heaer rt {
	text-align: left;
	display: block;
	font-size: 8px;
}
.table_heaer ul {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.table_heaer ul li {
	display: table-cell;
}
.table_heaer ul li a {
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	display: block;
	text-align: center;
	font-size: 70%;
	padding-top: 17px;
	padding-bottom: 17px;
	color: #fff !important;
	font-weight: 600;
}
.table_heaer ul li a.pdf_open {
	background: #cc0000;
}
.table_heaer ul li a.detail_open_btn {
	background: #78909C;
}
.table_heaer ul.detail_open li a.detail_open_btn span:after {
	content: "開く";
}
.table_heaer ul.detail_open.active li a.detail_open_btn span:after {
	content: "閉じる";
}
.table_heaer ul li a span {
	margin-left: 5px;
}
.table_inner {
	display: none;
}
}
/*-----------------------------------------
*
* pager
*
-----------------------------------------*/
.pager {
	margin-top: 50px;
	margin-bottom: 20px;
}
.pager ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.pager ul li {
	display: inline-block;
	font-size: 14px;
	margin: 0 5px;
}
.pager ul li a {
	border-radius: 6px;
	border: #ddd 1px solid;
	color: #26A69A;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
.pager ul li a:hover {
	background: #E0F2F1;
}
.pager ul li a.active, .pager ul li a.active:hover {
	background: #26A69A;
	color: #fff;
}

@media (max-width: 576px) {
.pager {
	margin-top: 20px;
	margin-bottom: 20px;
}
.pager ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.pager ul li {
	display: none;
}
.pager ul li.prev, .pager ul li.next {
	display: table-cell;
}
.pager ul li.prev {
	padding-right: 5px;
}
.pager ul li.next {
	padding-left: 5px;
}
}