@charset "UTF-8";

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

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

body,html{height:100%;}

#login{
	text-align:center;
	/* display: table; */
	/* max-width: 700px; */
	margin:0 auto;
	padding: 9vw 0 5vw 0;
	width:100%;
	/* height:100%; */
}

#login .inner{
	/* display: table-cell; */
	/* vertical-align: middle; */
}

#login .logo{
	margin: 0 auto 12vw auto;
	width: 50%;
}

#login .topmsg{
	background:#dd3a4d;
	color:#fff;
	text-align:center;
	padding: 3vw;
	font-size: 5vw;
	margin: 0 auto 5vw auto;
}

#login .msg{
	text-align:center;
	margin: 0 auto 5vw auto;
	font-size: 4vw;
	width: 85%;
}
#login .loginform{
	width: 87%;
	margin:0 auto;
}
#login .loginform dl{
	/* display:flex; */
	margin:0 auto;
	padding: 2vw 0;
}

#login .loginform dt{
	width: 100%;
	padding-bottom: 1vw;
	text-align: left;
	font-size: 5vw;
	font-weight:bold;
}

#login .loginform dd{
	width: 100%;
}

#login .loginform dd input[type="text"],#login .loginform dd input[type="password"]{
	font-family: 'Noto Sans JP',sans-serif;
	padding:8px;
	width:100%;
	font-size:16px;
	box-sizing:border-box;
}

#login .topcheckbox{
	text-align:center;
	padding: 3vw 0 6vw 0;
	font-size: 4.5vw;
}

#login .topcheckbox input[type="checkbox"]{
	margin-right:5px;
	font-size:16px;
}

#login button{
	background:#005bab;
	border-radius:50px;
	outline:none;
	border:none;
	color:#fff;
	font-family: 'Noto Sans JP',sans-serif;
	padding: 3vw;
	font-weight:700;
	width: 60%;
	margin:0 auto;
	display:block;
}

#login .nologin{
	text-align:center;
	padding: 10vw 0 17vw 0;
	font-size: 4.5vw;
	display:block;
}

#login .toplink{
	display:flex;
	justify-content: center;
	padding-bottom: 7vw;
}

#login .toplink li{
	margin: 0 3vw;
	font-size: 4vw;
}

#login .copy{
	font-size:10px;
}
#login .msg-sp {
    display:block!important;
}
#login .msg {
    display: none!important;
}
#top_status .status{
	text-align:left;
	/* padding:30px 0 40px 0; */
	display:block;

	background:#fff;
	width:100%;
	/* margin:1vw auto; */
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:3vw;
}

/* お知らせテーブル */
#top-information .information-table{
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #ddd;
    border-collapse: unset;  /* collapse; */
    border-spacing: 0;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
}

.changepass.m-2 {
    margin-left:15px;
}


#header{
	background:#005bab;
	color:#fff;
	/* padding: 3vw 0; */
	position: fixed;
	left: 0;
	top: 0;
	display:flex;
	justify-content: space-between;
	width:100%;
	/* height:50px; */
	z-index: 100;
}

#header .h_left{
	padding-left: 3vw;
	padding-top: 3vw;
	padding-bottom: 3vw;
	box-sizing:border-box;
	font-size: 4vw;
}

.h_left a{
	color: #fff!important;
	border-bottom: none!important;
}

#header .h_right{
	/* font-size: 13px; */
	display:flex;
}

#header .h_right span{
	display:none;
}

#header .h_right a{
	display: inline-block;
	width: 16vw;
	height:100%;
	padding: 2.4vw 0 3vw 0;
	/* padding-top: 3.2vw; */
	box-sizing:border-box;
	/* margin-left: 20px; */
	text-align: center;
	border-left: 1px solid #005096;
}

#header .h_right a img{
	width: 5vw;
}

#header .h_right a{
	border-bottom:none!important;
}

#header .h_right a:hover{
	opacity:0.7;
}

#wrap{
	/* height:calc(100% - 51px); */
	/* display: flex; */
	/* position:relative; */
}
.add-height-privacy {
    height:6vh;
}

nav{
	background:#333333;
	/* width:235px; */
	/* min-height:100%; */
	/* display: none!important; */
	/* position:absolute; */
	/* left:0; */
	/* top:0; */
}

nav a{
	color:#fff!important;
	font-size: 3.5vw;
	border-bottom:none!important;
}

nav a:hover{
	opacity:0.7;
}

.icon-input > a{
	background:url(/kokoroe/img/icon-input.png) left center no-repeat;
	background-size:18px;
	padding-left:24px;
}
.icon-result > a{
	background:url(/kokoroe/img/icon-result.png) left center no-repeat;
	background-size:18px;
	padding-left:24px;
}
.icon-aggregate-view > a{
	background:url(/kokoroe/img/icon-aggregate-view.png) left center no-repeat;
	background-size:18px;
	padding-left:24px;
}
.icon-aggregate-all > a{
	background:url(/kokoroe/img/icon-aggregate-all.png) left center no-repeat;
	background-size:18px;
	padding-left:24px;
}
.icon-admin .accordion-title{
	background:url(/kokoroe/img/icon-admin.png) left center no-repeat;
	background-size:18px;
	padding-left:24px;
	color:#fff;
	width:100%;
	font-size: 3.5vw!important;
	display:block;
	position: relative;
	box-sizing:border-box;
	cursor:pointer;
	height: 6vw;
}

nav > ul > li{
	width:100%;
	border-bottom:1px solid #222;
	padding: 2vw 0 2vw 12px;
	box-sizing:border-box;
}

nav > ul > li > ul{
	display:none;
}

nav .admin-menu li a{
	background: url(/kokoroe/img/arrow03.png) left 7px no-repeat;
	background-size:5px 6px;
	padding-left: 11px;
	color:#fff;
	margin-left: 6px;
	font-size: 2.8vw;
}

.accordion-content{
	display:none;
}

.js-accordion-title.open:after{
	content:"";
	display: inline-block;
	width:10px;
	height:8px;
	position: absolute;
	right: 12px;
	top: 7px;
	background:url(/kokoroe/img/arrow01.png) right top no-repeat;
	background-size:10px 8px;
}

.js-accordion-title:after{
	content:"";
	display: inline-block;
	width:10px;
	height:8px;
	position: absolute;
	right: 12px;
	top: 7px;
	background:url(/kokoroe/img/arrow01-02.png) right top no-repeat;
	background-size:10px 8px;
}

.admin-menu li{
	/* padding:1px 0; */
}

.admin-menu{
	padding-top: 1vw;
}

#main{
	/* padding-left:235px; */
	width: 100%;
	/* padding-bottom: 26vw; */
}

.db{display:none;}

.closebtn{
	display:inline-block;
}

.navsize{
	text-align:right;
	padding-right:10px;
}

.navsize span{
	width:10px;
	height:8px;
	line-height:0.4;
	cursor:pointer;
}

.openbtn{
	margin-right:7px;
}

.custcopy{
	text-align:center;
	font-size:10px;
	color:#fff;
}

#main #main-inner{
	/* padding:20px 28px; */
	box-sizing:border-box;
}
#main h2{
	font-size: 6.5vw;
	font-weight:700;
	padding: 0 4%;
	box-sizing:border-box;
	display: flex;
	justify-content: space-between;
}

fieldset{
	border:none;
}

th{
	text-align:inherit;
}

.table-zone::-webkit-scrollbar{
	width: 5px;
	height:5px;
}
.table-zone::-webkit-scrollbar-track{
	background: #fff;
	border: none;

}
.table-zone::-webkit-scrollbar-thumb{
	background: #333;
	border-radius: 0px;
	box-shadow: none;
}


.table-zone::-webkit-scrollbar-corner{
	background: #fff;
	border: none;
	border-radius: 5px;
}

.table-zone input,.table-zone select{
	padding:5px;
	font-size:16px;
}

/* input:read-only, textarea:read-only { */
input:read-only {
	background-color: #fff!important;
	border:none;
	outline:none;
	text-align:center;
	font-size:16px;
}

.totalnum input:read-only{
	background-color: #333!important;
	border:none;
	outline:none;
	text-align:center;
	color:#fff;
	font-size:16px;
}

p:read-only {
	background-color: inherit;
}





.sticky-top .input.select{
	display:flex;
	font-size:16px;
}

.sticky-top .input.select label{
	display:block;
	width:30%;
	text-align:left;
}

.sticky-top .input.select select{
	display:block;
	width:70%;
	padding: 1vw;
	font-size:16px;
}

.selectdate02 .input.select{
	display:flex;
	font-size:16px;
}

.selectdate02 .input.select label{
	display:block;
	width:30%;
	text-align:left;
}

.selectdate02 .input.select select{
	display:block;
	width:70%;
	padding: 1vw;
	font-size:16px;
}

#main-inner h2 .sp{
	font-size:4vw;
	font-weight:500;
	margin-top: 2vw;
}

#main-inner h2{
	border-bottom:1px solid #ccc;
	padding-top:1vw;
	padding-bottom:1vw;
}

.selectdate{
	width:92%;
	margin:0 auto;
	padding: 4vw 0 0 0;
	/* text-align: right; */
}

.user{
}

.user .sticky-top {
	padding: 5vw 4% 5vw 4%;
	margin:0 auto;
	box-sizing:border-box;
	background-color: #f3f3f3!important;
	border-bottom:1px solid #ccc;
}

.item{
}

.item .sticky-top {
	padding: 5vw 4% 5vw 4%;
	margin:0 auto;
	box-sizing:border-box;
	background-color: #f3f3f3!important;
	border-bottom:1px solid #ccc;
}

.spitem{
	background:#fff;
	width:92%;
	margin:4vw auto;
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:3vw;
}

.spitem h4{
	border-bottom: 1px solid #ccc;
	padding-bottom: 1vw;
	margin-bottom: 2vw;
	font-size:5vw;
	font-weight:700;
}

.sitemttl{
	font-size:4.3vw;
}

.spitem select{
	width:100%;
	box-sizing:border-box;
	padding:1vw;
	font-size:14px;
}

.spitem .input{
	padding:0!important;
}

.spitem .form-group{
	padding:1vw 0;
}


.btnstyle01{
	background: #005bab;
	border-radius: 50px;
	outline: none;
	border: none!important;
	color: #fff;
	font-family: 'Noto Sans JP',sans-serif;
	padding: 1vw 7vw;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
	font-size: 3.8vw;
}

.btnstyle02{
	background: #ddd;
	border-radius: 50px;
	outline: none;
	border: none!important;
	color: #333;
	font-family: 'Noto Sans JP',sans-serif;
	padding: 1vw 7vw;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
	font-size: 3.8vw;
}

.btnstyle03{
	background: #777;
	border-radius: 50px;
	outline: none;
	border: none!important;
	color: #fff!important;
	font-family: 'Noto Sans JP',sans-serif;
	padding: 1vw 7vw;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
	margin-left:2vw;
	font-size: 3.8vw;
}

.btnbox{
	background:#333;
	display:flex;
	justify-content: space-between;
	padding: 3vw 4% 3vw 4%;
}



.spcopy{
	background:#333;
	padding: 3vw 4%;
	text-align:center;
	font-size:2.8vw;
	color:#fff;
	border-top:1px solid #000;
}

.input{
	padding:1vw 0!important;
}
.add-height {
    min-height:30vh;
    background-color: #f3f3f3!important;
}
#spft{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background:#005bab;
}

.sptotal{
	background:#005bab;
	display:flex;
	justify-content: space-between;
	color:#fff;
	padding: 1.5vw 4%;
	font-weight:700;
	font-size:4.5vw;
}

#header .h_right div {
	display: inline-block;
	width: 16vw;
	height: 100%;
	padding: 2.4vw 0 3vw 0;
	/* padding-top: 3.2vw; */
	box-sizing: border-box;
	/* margin-left: 20px; */
	text-align: center;
	border-left: 1px solid #005096;
}

#header .h_right div img {
	width: 5vw;
}

#wrap nav{
	display:none;
	position: fixed;
	top: 12.4vw;
	width: 100%;
	left: 0;
	z-index: 100;
}

.navsize{display:none;}
.custcopy{display:none;}

.spuser{
	background:#333;
	color:#fff;
	padding-top: 14vw;
	text-align:center;
	padding-bottom:2vw;
}

.form-check-inline label{
	margin-left:2vw;
}

.form-check-inline input[type="radio"]{
	margin-right:3px;
	vertical-align: middle;
	font-size:16px;
}


.selectdate02{
	padding:10px 4% 10px 16px;
	margin:0 auto;
	box-sizing:border-box;
	background-color: #f3f3f3;
	border-bottom:1px solid #ccc;
}


/* .selectdate02{
	padding-bottom:20px;
} */

/* .selectdate02{
	display:none;
} */

.resultnum{
	background:#f5f5f5;
	padding:5px 10px;
	display:block;
	text-align:left!important;
}

.selectbtn{
	display:none;
}

.selectbtn02{
	padding-top:2vw;
}


.viewbox{
	/* display:flex; */
	/* width:100%; */
	width: 92%;
	padding-top: 4%;
	margin:0 auto;
	padding-bottom: 4%;
}

.viewbox .view_l{
	background:#005bab;
	color:#fff;
	text-align: center;
}

.viewbox .view_l span{
	/* writing-mode: vertical-rl; */
	display:block;
	padding: 2vw 2vw;
	font-size: 5.2vw;
	box-sizing:border-box;
	font-weight: 700;
}

.viewbox .view_r{
	width:100%;
}

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

.viewbox th{
	width:8.3333333%;
	padding: 2vw 1vw;
	font-size: 3.2vw;
	line-height:1.2;
	font-weight:500;
	text-align:center;
}

.viewbox td{
	padding: 3vw 2vw;
	font-size: 3.8vw;
	line-height:1.2;
	font-weight:500;
	text-align:center;
}

.viewbox .viewdate{
	background:#ececec;
	text-align:center;
	padding:10px 8px;
}

.viewitemttl{
	background:#ececec!important;
	text-align:center!important;
	padding: 3vw 2vw!important;
	font-size: 4.7vw!important;
	font-weight:700!important;
}

.allinfo{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 5vw 4%;
	margin: 0px;
	box-sizing:border-box;
}

.allinfo dt{
	width: 20%;
}

.allinfo dd{
	width: 80%;
}

.alltbl{
	border-collapse:collapse;
	width:92%;
	margin:0 auto 5% auto;

}

.alltbl th{
	background:#333333;
	font-size:4.3vw;
	border:1px solid #ccc;
	padding:2vw;
	color:#fff;
	text-align:center;
}

.alltbl td{
	font-size:3.8vw;
	border:1px solid #ccc;
	padding:2vw;
	text-align:center;
}


.mr12{margin-right:2vw;}