@charset "UTF-8";
/* ↓リセット↓ */
*,
*::before,
*::after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
vertical-align: top;
}
button,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="button"],
input[type="date"],
input[type="time"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
}

/* ↑リセット↑ */




/* ↓ページ共通↓ */
body {
font-size: 13px;
font-family: Arial, "Hiragino Sans", Meiryo, sans-serif;
background-color: rgba(255, 255, 255, 1);
color: rgba(50, 50, 50, 1);
border-radius: 5px;
min-width: 1000px;
}
a {
color: rgba(50, 50, 50, 1);
text-decoration: none;
}

@media (max-width: 700px) {
body {
min-width: auto;
}
/* 700px */ }

/* ↑ページ共通↑ */




/* ↓ログインページ↓ */

#login #header,
#login #footer {
background-color: rgba(12,21,68,1.00);
color: rgba(255,255,255,1.00);
text-align: center;
height: 46px;
width: 100%;
}
#login #header {

}
#login #footer {
padding: 13px;
font-size: 12px;
position: relative;
}
#login #footer span {
height: 13px;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
}

#login main{
display: flex;
justify-content: center; /* 水平方向（横並び）の中央揃え */
align-items: center;     /* 垂直方向（縦並び）の中央揃え */
/* 親要素の高さが十分にあることを確認（例: 画面全体ならheight: 100vh;） */
height: calc(100vh - 92px); /* 画面の高さいっぱいに広げる場合 */
width: 100vw;  /* 画面の幅いっぱいに広げる場合 */
}

#login-box {
width: 594px;
height: auto;
border: 1px solid rgba(12,21,68,1.00);
font-size: 0;
display: flex;
margin-bottom: 50px;
}
#login-box div {
width: 50%;
display: inline-block;
font-size: 13px;
}
#login-box input[type="email"],
#login-box input[type="password"],
#login-box input[type="text"],
#login-box input[type="tel"],
#login-box input[type="number"],
#login-box input[type="date"],
#login-box input[type="time"],
#login-box textarea,
#login-box select {
background-color: rgba(235,235,235,1.00);
padding: 5px;
border-radius: 3px;
font-size: 13px;
}
@media (max-width: 700px) {
#login article {
width: 100%;
padding: 0;
}
#login main{
display: block;
height: auto;
width: 100%;
margin: 15px 0;
}
#login-box {
width: calc(100% - 40px);
display: block;
margin: auto;
}
#login-box div {
display: block;
width: 100%;
}
#login #footer {
height: auto;
}
#login #footer span {
position: relative;
right: 0px;
top: 5px;
bottom: 5px;
}
/* 700px */ }










.box-a {
background-color: rgba(12,21,68,1.00);
padding: 15px;
text-align: center;
}
.box-a h1 {
display: inline-block;
color: rgba(255,255,255,1.00);
font-size: 32px;
text-align: left;
}
.box-b {
padding: 15px;
position: relative;
background-color: rgba(255,255,255,1.00);
}
.box-b form,
.box-b form table,
.box-b form table input[type="text"],
.box-b form table input[type="password"]{
width: 100%;
margin-bottom: 5px;
}
.box-b form table td {
padding: 10px;
}
.box-b form table + center {
position: relative;
}
.box-b form table + center span {
display: inline-block;
position: relative;
margin-right: -25px;
margin-top: 3px;
z-index: 20;
color: rgba(22,88,216,1.00);
background-color: rgba(255,255,255,1.00);
border-radius: 20px;
font-size: 11px;
width: 16px;
line-height: 16px;
vertical-align: top;
pointer-events: none;
}
input[type="button"].button-blue {
position: relative;
z-index: 10;
font-size: 12px;
display: inline-block;
background-color: rgba(22,88,216,1.00);
color: rgba(255,255,255,1.00);
padding: 0 15px 0 30px;
line-height: 23px;
border-radius: 20px;
cursor: pointer;
}	

.box-b img {
width: 175px;
position: absolute;
bottom: -25px;
left: 0;
right: 0;
margin: auto;
}

#login-box + center p {
display: inline-block;
text-align: left;
margin-bottom: 30px;
}

/* ↑ログインページ↑ */





/* ↓ログイン後共通↓ */

html,
body {
height: 100%;
font-size: 0;
}

body.page {
background-color: rgba(230,230,230,1.00);
}

#content {
min-height: 100%;
display: flex;
}

#main-box {
width: calc(100% - 200px);
font-size: 13px;
}

@media (max-width: 700px) {
#main-box {
width: calc(100% - 0px);
}
/* 700px */ }







/* メインボックス */
#name-header {
display: inline-block;
height: 46px;
width: calc(100%);
background-color: rgba(255,255,255,1.00);
}
#name-header p {
line-height: 36px;
text-align: right;
padding: 5px;
color: rgba(3,32,75,1.00);
font-weight: bold;
}
#name-header p span {
display: inline-block;
padding: 0 15px;
color: rgba(255,255,255,1.00);
background: #4B6CB7;
background: linear-gradient(90deg,rgba(75, 108, 183, 1) 0%, rgba(20, 40, 72, 1) 100%);
line-height: 36px;
border-radius: 5px;
margin-left: 10px;
position: relative;
}
#name-header p span:hover a {
display: block;
transition: 0.4s;
opacity: 1;
bottom: -20px;
}
#name-header p span a {
position: absolute;
bottom: -10px;
right: 5px;
background-color: rgba(255,0,90,1.00);
color: rgba(255,255,255,1.00);
padding: 0 10px;
line-height: 20px;
border-radius: 0 0 3px 3px;
opacity: 0;
transition: 0.2s;
}
@media (max-width: 700px) {
#name-header {
display: block;
height: auto;
padding-left: 50px;
}
/* 700px */ }



#content-header {
background-color: rgba(3,32,75,1.00);
padding: 5px;
font-size: 0;
border-left: 1px solid rgba(230,230,230,1.00);
}
#content-header ul li {
display: inline-block;
}
#content-header ul li a {
display: block;
text-align: center;
width: 130px;
font-size: 16px;
line-height: 20px;
padding: 5px;
background-color: rgba(255,255,255,1.00);
border-radius: 5px;
margin: 0 5px;
border: 1px solid rgba(230,230,230,1.00);
}
#fax #content-header .li-fax a,
#file #content-header .li-file a,
#chobo #content-header .li-chobo a {
background-color: rgba(48,80,195,1.00);
color: rgba(255,255,255,1.00);
}
@media (max-width: 700px) {
#content-header ul li {
width: calc(100% / 3);
}
#content-header ul li a {
width: calc(100% - 10px);
font-size: 13px;
}
/* 700px */ }





#main-box h1.page-title {
background-color: rgba(30,50,100,1.00);
color: rgba(255,255,255,1.00);
padding: 0 20px;
font-size: 20px;
line-height: 48px;
}
#main-box h2 {
background-color: rgba(80,100,150,1.00);
color: rgba(255,255,255,1.00);
font-size: 13px;
line-height: 30px;
font-weight: normal;
padding: 0 15px;
border-radius: 5px 5px 0 0 ;
}



#main-box .waku {
margin: 15px;
}
#main-box .bg-white {
background-color: rgba(255,255,255,1.00);
padding: 10px 15px;
border-radius:  0 05px 5px ;
}
#home-content {
font-size: 0;
}
#home-content section{
display: inline-block;
font-size: 13px;
}
.white-box {
width: 300px;
background-color: rgba(255,255,255,1.00);
margin: 10px;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 2px 3px rgba(0,0,0,0.10);
}
#information {
width: calc(100% - 340px);
margin: 0 10px;
padding: 10px;
vertical-align: top;
}
#information h2 {
	background-color: rgba(3,32,75,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 3px 3px 0 0;
}
#information table {
width: 100%;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
box-shadow: 2px 2px 3px rgba(0,0,0,0.10);
border-spacing: 0;
border-radius: 0 0 5px 5px;
border-collapse: separate;
}
#information table th,
#information table td{
border-right: 1px solid rgba(200,200,200,1.00);
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 5px;
width: 1%;
white-space: nowrap;
}
#information table td:last-child {
width: 50%;
white-space: normal;
}
#information table thead th {
text-align: left;
background-color: rgba(240,240,240,1.00);
}
#information table th:nth-child(1),
#information table th:nth-child(2),
#information table th:nth-child(3),
#information table td:nth-child(4) {
white-space: nowrap;
width: 1%;
}
#information table tbody {
background-color: rgba(255,255,255,1.00);
}
#information table tbody tr:last-child {
border-radius: 0 0 5px 5px;
}
#information table tbody tr:last-child td:first-child {
border-radius: 0 0 0 5px;
}
#information table tbody tr:last-child td:last-child {
border-radius: 0 0 5px 0;
}
.kaihu01 {
display: block;
text-align: center;
color: rgba(255,41,85,1.00);
}
.kaihu02 {
display: block;
text-align: center;
color: rgba(60,160,195,1.00);
}
.juyodo01,
.juyodo02,
.juyodo03,
.juyodo04 {
display: block;
margin: auto;
width: 20px;
text-align: center;
border-radius: 3px;
color: rgba(255,255,255,1.00);
}
.juyodo01 {
background-color: rgba(255,70,70,1.00);
}
.juyodo02 {
background-color: rgba(255,150,0,1.00);
}
.juyodo03 {
background-color: rgba(0,150,20,1.00);
}
.juyodo04 {
background-color: rgba(0,170,220,1.00);
}







#home-content {
padding: 30px 0;
}
#home-content #calendar {
text-align: center;
}
#home-content #calendar span {
display: block;
width: 80%;
margin: auto;
text-align: left;
}
#home-content #calendar .red {
font-size: 20px;
font-weight: bold;
color: rgba(255,0,4,1.00);
}
#home-content #calendar .time {
font-size: 25px;
font-weight: bold;
}
#home-content #calendar .time big {
font-size: 50px;
margin: 0 0 0 20px;
}
#home-content #calendar hr {
width: 100%;
height: 1px;
border: none;
background-color: rgba(200,200,200,1.00);
margin: 10px 0;
}
#home-content #calendar a {
display: inline-block;
color: rgba(255,255,255,1.00);
padding: 5px 20px;
margin: 5px 15px;
font-size: 20px;
font-weight: bold;
border-radius: 5px;
}
#home-content #calendar a.cal-btn01 {
background-color: rgba(255,120,0,1.00);
}
#home-content #calendar a.cal-btn02 {
background-color: rgba(0,167,169,1.00);
}


.scroll-table {
overflow-y: hidden!important;
width: calc(100% - 0px);
}


@media (max-width: 700px) {
#home-content #calendar span {
width: 250px;
margin: auto;
text-align: left;
}
.white-box {
width: calc(100% - 20px);
}
#information {
width: calc(100% - 20px);
padding: 0px;
}
#information table th,
#information table td {
white-space: nowrap!important;
}
.scroll-table {
margin-bottom: 0px;
}
#main-box .waku {
margin: 5px;
}
/* 700px */ }


@media (min-width: 1000px) {
.scroll-table {

}
.scroll-hint-icon-wrap {
display: none;
}
/* 1000px */ }






.btn-box {
margin-bottom: 10px;
}
input[type="button"].button-blue2,
a.button-blue2{
display: inline-block;
background-color: rgba(201,211,229,1.00);
padding: 5px 10px;
border-radius: 3px;
font-size: 13px;
margin: 2px;
}
input[type="button"].button-blue3,
a.button-blue3{
display: inline-block;
background-color: rgba(60,120,220,1.00);
color: rgba(255,255,255,1.00);
padding: 5px 10px;
border-radius: 3px;
font-size: 13px;
margin: 2px;
}
input[type="button"].button-grey,
a.button-grey{
display: inline-block;
background-color: rgba(150,150,150,1.00);
color: rgba(255,255,255,1.00);
padding: 5px 10px;
border-radius: 3px;
font-size: 13px;
margin: 2px;
}
a.button-red {
display: inline-block;
background-color: rgba(160,0,0,1.00);
color: rgba(255,255,255,1.00);
padding: 5px 10px;
border-radius: 3px;
font-size: 13px;
margin: 2px;
}
a.inactive {
pointer-events: none;
background-color: rgba(200,200,200,1.00);
}




/* テーブル */
table td {
padding: 5px 10px;
text-align: left;
vertical-align: middle;
}
table th {
text-align: left;
white-space: nowrap;
width: 1%;
font-weight: normal;
color: rgba(3,32,75,1.00);
vertical-align: middle;
}
.half-table {
min-width: calc(50% - 25px);
max-width: calc(50% - 25px);
margin-right: 20px;
display: inline-block;
}
.ichiran-table {
width: 99.9%;
font-size: 13px;
}
.ichiran-table thead th{
background-color: rgba(201,211,229,1.00);
padding: 5px 10px;
color: rgba(88,88,88,1.00);
}
.ichiran-table thead th:first-child {
border-radius: 5px 0 0 0;
}
.ichiran-table thead th:last-child {
border-radius:  0 5px 0 0;
}
.ichiran-table tbody {
border-top: 1px solid rgba(230,230,230,1.00);
border-left: 1px solid rgba(230,230,230,1.00);
}
.ichiran-table tbody td {
background-color: rgba(255,255,255,1.00);
white-space: nowrap;
border-right: 1px solid rgba(230,230,230,1.00);
border-bottom: 1px solid rgba(230,230,230,1.00);
color: rgba(3,32,75,1.00);
}
.ichiran-table tbody td.align-r {
text-align: right!important;
}
.ichiran-table tbody td a {
display: block;
color: rgba(60,120,220,1.00)!important;
}
.ichiran-table tbody td:last-child {
width: 50%;
}
.ichiran-table tbody tr:last-child td:first-child {
border-radius: 0 0 0 5px;
}
.ichiran-table tbody tr:last-child td:last-child {
border-radius:  0 0 5px 0;
}

.form-table {
width: 100%;
border-top: 1px solid rgba(230,230,230,1.00);
border-left: 1px solid rgba(230,230,230,1.00);
}
.form-table th,
.form-table td {
border-right: 1px solid rgba(230,230,230,1.00);
border-bottom: 1px solid rgba(230,230,230,1.00);
padding: 5px 10px;
}
.form-table th {
background-color: rgba(200,210,230,1.00);
color: rgba(50,50,50,1.00);
min-width: 100px;
}
.form-table td {
background-color: rgba(255,255,255,1.00);
}

.in-table,
.in-table tbody {
width: 100%;
}

.in-table,
.in-table th,
.in-table td{
border: none;
background-color: rgba(255,255,255,0.00);
}
.in-table th {
white-space: nowrap;
width: 1%;
color: rgba(120,130,140,1.00);
}
.in-table td {
width: 50%;
}

.rireki-table {
width: 100%;
font-size: 13px;
margin: 5px 0;
}
.rireki-table thead th {
background-color: rgba(200,210,230,1.00);
padding: 5px 10px;
}
.rireki-table tbody td {
width: 10%;
white-space: nowrap;
border-bottom: 1px solid rgba(230,230,230,1.00);
}
.rireki-table tbody td.naiyo {
width: 50%;
}
.rireki-table tbody td.rireki-img img {
width: 50px;
height: auto;
object-fit: cover;
aspect-ratio: 1 / 1;
margin: 1px;
}


.status-table {
width: 500px;
}
.status-table th,
.status-table td{
white-space: nowrap;
text-align: center;
}
.status-table thead th span {
display: block;
background-color: rgba(100,100,100,1.00);
color: rgba(255,255,255,1.00);
padding: 5px 10px;
}
.status-table thead td {
color: rgba(150,150,150,1.00);
vertical-align: middle;
position: relative;
}
.status-table thead td.active {
color: rgba(255,0,0,1.00);
}
.status-table thead td.active::before {
position: absolute;
content: "";
width: 100%;
height: 3px;
background-color: rgba(255,0,0,1.00);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.status-table thead td:last-child.active::before {
width: 50%;
right: auto;
}

.status-table thead td span {
display: block;
width: 30px;
height: 30px;
background-color: rgba(200,200,200,1.00);
border-radius: 30px;
margin: auto;
position: relative;
}
.status-table thead td.active span {
background-color: rgba(255,0,0,1.00);
border: 10px double rgba(255,0,4,1.00);
}
.status-table thead td.active span::before {
position: absolute;
display: block;
content: "";
width: 34px;
height: 34px;
background-color: rgba(255,255,255,1.00);
top: 0;
bottom: 0;
left: -12px;
right: 0;
margin: auto;
border-radius: 30px;
z-index: -1;
}
.status-table thead td.active span::after {
position: absolute;
display: block;
content: "";
width: 38px;
height: 38px;
background-color: rgba(255,0,0,1.00);
top: 0;
bottom: 0;
left: -14px;
right: 0;
margin: auto;
border-radius: 30px;
z-index: -2;
}


@media (max-width: 700px) {
.half-table {
min-width: calc(100% - 0px);
max-width: calc(100% - 0px);
}
.form-table th,
.form-table td {
display: block;
width: 100%;
}
.in-table,
.in-table tbody,
.in-table tbody tr {
display: block;
width: 100%;
}
.in-table tbody tr th {
padding: 5px 10px 0;
}
.in-table tbody tr td {
padding: 0px 10px 5px;
}

.status-table {
width: 100%;
}
.status-table thead th span {
padding: 5px 5px;
}
.status-table thead td span {
width: 30px;
height: 30px;
}
.status-table tbody td {
padding: 2px;
}
.status-table thead td span {
width: 20px;
height: 20px;
}
.status-table thead td.active span::before {
width: 24px;
height: 24px;
left: -12px;

}
.status-table thead td.active span::after {
width: 28px;
height: 28px;
left: -14px;
}
/* 700px */ }






/* フォーム */
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
select {
font-size: 13px;
line-height: 25px;
border: 1px solid rgba(230,230,230,1.00);
border-radius: 3px;
padding: 2px 10px;
background-color: rgba(250,250,250,1.00);
}
input[type="date"] {
line-height: 21px;
}
input[type="checkbox"] {
margin-right: 5px;
}
table td input[type="text"],
table td textarea {
width: 100%;
}
.check-line {
font-size: 12px;
line-height: 20px;
margin-bottom: 20px;
vertical-align: middle;
}
.check-line input[type="checkbox"] {
vertical-align: middle;
margin-bottom: 3px;
}
.check-line label {
margin-right: 20px;
}


.check-btn {
	display: inline-block;
	background-color: rgba(100,120,200,1.00);
	padding: 0 5px;
	border-radius: 3px;
	color: rgba(255,255,255,1.00);
	margin: 0 5px 5px 0;
}
.check-btn input[type="checkbox"] {
margin: 3px 3px 0 3px;

}


@media (max-width: 700px) {
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
select {
font-size: 16px;
line-height: 20px;
}
input[type="date"] {
padding: 3px;
min-width: 100px;
min-height: 20px;
}
/* 700px */ }








.ichiran-file-icon {
display: block;
width: 20px;
height: auto;
margin: auto;
}


#page-navi {
padding: 20px 0 10px;
}

.page-table01 {
display: inline-block;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
border-collapse: separate;
border-radius: 5px;
margin: 0 5px 0 0;
}
.page-table01 th,
.page-table01 td {
border-right: 1px solid rgba(200,200,200,1.00);
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 0 10px!important;
}
.page-table01 th {
background-color: rgba(220,220,225,1.00);
}
.page-table01 th:first-child {
border-radius: 5px 0 0 5px;
}
.page-table01 th:last-child {
border-radius: 0 5px 5px 0;
}
.page-table01 td {
background-color: rgba(255,255,255,1.00);
}
.page-table01 td select {
border: none;
padding-right: 20px;
}
.select-box {
position: relative;
padding-right: 20px;
}
.select-box::after {
color: rgba(0,0,0,1.00);
content: "\025bc";
position: absolute;
top: 6px;
right: 0;
margin: auto;
z-index: 10;
pointer-events: none;
}


.pager-table {
display: inline-block;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
border-collapse: separate;
border-radius: 5px;
}
.pager-table th,
.pager-table td {
border-right: 1px solid rgba(200,200,200,1.00);
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 0px !important;
background-color: rgba(255,255,255,1.00);
}
.pager-table th:first-child {
border-radius: 5px 0 0 5px;
}
.pager-table th:last-child {
border-radius: 0 5px 5px 0;
}
.pager-table th a,
.pager-table td a {
font-size: 13px;
line-height: 20px;
display: block;
text-align: center;
padding: 5px 10px 4.5px 10px;
color: rgba(60,120,220,1.00);
}






/*タブ切り替え全体のスタイル*/
.iap-tabs {
min-width: 1000px;
width: calc(100% - 20px);
padding: 0px 0px 10px;
margin: 70px 10px 0;
border-radius: 5px;
font-size: 0;
background-color: rgba(255,255,255,1.00);
}
/*ラジオボタンを全て消す*/
input[name="tab_iap"]{
display: none;
}
/*タブのスタイル*/
.tab_item {
text-align: center;
display: inline-block;
font-weight: normal;
position: relative;
width: 100px;
margin-left: 10px;
}
.tab_item span {
position: absolute;
font-size: 13px;
font-weight: bold;
height: 25px;
line-height: 25px;
display: block;
margin: 0px auto 0px;
transition: all 0.2s ease;
cursor: pointer;
width: 100%;
top: -25px;
left: 0;
background-color: rgba(170,175,180,1.00);
color: rgba(3,32,74,1.00);
border-radius: 5px 5px 0px 0px;
}
.tab_item span:hover {
transition: all 0.2s ease;
}
/*選択されているタブのスタイル*/
.iap-tabs input:checked + .tab_item span {
background-color: rgba(80,100,150,1.00);
color: rgba(255,255,255,1.00);
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 15px;
margin-top: -18px;
clear: both;
overflow: hidden;

}
.tab_item {
position: relative;
z-index: 1;
}

/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content,
#tab05:checked ~ #tab05_content,
#tab06:checked ~ #tab06_content,
#tab07:checked ~ #tab07_content,
#tab08:checked ~ #tab08_content
{
display: block;
}
.iap-tabs {
font-size: 16px;
}
@media (max-width: 700px) {

.iap-tabs {
min-width: 320px;
width: calc(100% - 20px);
background-color: rgba(230,230,230,1.00);
}
.tab_item {
width: calc(100% / 3 - 15px);
margin: 5px;
}
.tab_item span {
position: relative;
border-radius: 5px;
top: 0px;
}
.tab_content {
background-color: rgba(255,255,255,1.00);
margin-top: 5px;
border-radius: 5px;
}
/* 700px */ }






.btn-select {
display: none;
}
.btn-select + label {
display: inline-block;
background-color: rgba(200,200,200,1.00);
color: rgba(255,255,255,1.00);
padding: 5px 10px;
width: 180px;
text-align: center;
line-height: 25px;
border-radius: 20px;
font-size: 16px;
}
.btn-select:checked + label {
background-color: rgba(100,120,200,1.00);
}
.btn-select ~ .in-table{
display: none;
}
#kokyaku01:checked ~ #kokyaku01-table {
display: block;
}
#kokyaku02:checked ~ #kokyaku02-table {
display: block;
}

@media (max-width: 700px) {
.btn-select + label {
width: calc(100% / 2 - 12px);
margin: 5px;
}
/* 700px */ }






/* ↑ログイン後共通↑ */






/* ↓案件管理↓ */
.anken-header {
background-color: rgba(172,176,182,1.00);
padding: 5px;
font-size: 0;
}
.anken-header li {
display: inline-block;
font-size: 13px;
margin-right: 15px;
}
.anken-header li a {
display: block;
padding: 3px 5px;
min-width: 120px;
text-align: center;
background-color: rgba(190,180,180,1.00);
border-radius: 5px;
border: 1px solid rgba(255,255,255,1.00);
box-shadow: 3px 3px 3px rgba(0,0,0,0.50);
transition: 0.5s;
}
.anken-header li a:hover {
box-shadow: 4px 4px 8px rgba(0,0,0,0.50);
transition: 0.2s;
}


#juchu-kanri-content .anken-header li.li-juchu a,
#hatchu-kanri-content .anken-header li.li-hatchu a{
background-color: rgba(3,32,75,1.00);
color: rgba(255,255,255,1.00);
}


@media (max-width: 700px) {
.anken-header li {
width: calc(100% / 2 - 10px);
margin: 5px;
}
/* 700px */ }

/* ↑案件管理↑ */











/* サイド */
#side {
position: relative;
width: 200px;
background-color: rgba(3,32,75,1.00);
overflow: hidden;
min-height: 550px;
}
#side h1 {
position: relative;
width: 200px;
line-height: 46px;
padding: 0px 10px;
-webkit-box-shadow: 2px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
vertical-align: top;
background-color: rgba(255,255,255,1.00);
z-index: 100;
}
#side ul li {
width: 100%;
}
#side ul li a {
display: block;
padding: 5px 5px 5px 60px;
line-height: 30px;
color: rgba(255,255,255,1.00);
font-size: 13px;
position: relative;
}
#side ul li a::before {
position: absolute;
content: "";
display: block;
width: 20px;
height: 20px;
top: 10px;
left: 15px;
background-color: rgba(255,255,255,1.00);
}
#side ul li#nav01 a {
box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
}
#side ul li#nav01 a::before {
mask: url("img/icon01.svg") no-repeat center / contain;
}

#side ul li#nav02 a::before {
mask: url("img/icon02.svg") no-repeat center / contain;
}
#side ul li#nav03 a::before {
mask: url("img/icon03.svg") no-repeat center / contain;
}
#side ul li#nav04 a::before {
mask: url("img/icon04.svg") no-repeat center / contain;
}
#side ul li#nav05 a::before {
mask: url("img/icon05.svg") no-repeat center / contain;
}
#side ul li#nav06 a::before {
mask: url("img/icon06.svg") no-repeat center / contain;
}
#side ul li#nav07 a::before {
mask: url("img/icon07.svg") no-repeat center / contain;
}

#side #menu02 {
margin-top: 100px;
left: 0;
}
#side ul li#nav98 a::before,
#side ul li#nav99 a::before {
mask: url("img/icon99.svg") no-repeat center / contain;
}
#home #side ul li#nav01 a,
#dashboard #side ul li#nav02 a,
#mitsumori #side ul li#nav03 a,
#anken #side ul li#nav04 a,
#hatchu #side ul li#nav05 a,
#zaiko #side ul li#nav06 a,
#urisei #side ul li#nav07 a,
#fax #side ul li#nav08 a,
#file #side ul li#nav09 a,
#chobo #side ul li#nav10 a,
#master #side ul li#nav98 a,
#kanri #side ul li#nav99 a {
background-color: rgba(255,255,255,1.00);
color: rgba(3,32,75,1.00);
}
#home #side ul li#nav01 a::before,
#home #side ul li#nav01 a::after,
#dashboard #side ul li#nav02 a::before,
#mitsumori #side ul li#nav03 a::before,
#anken #side ul li#nav04 a::before,
#hatchu #side ul li#nav05 a::before,
#zaiko #side ul li#nav06 a::before,
#urisei #side ul li#nav07 a::before,
#fax #side ul li#nav08  a::before,
#file #side ul li#nav09  a::before,
#chobo #side ul li#nav10  a::before,
#master #side ul li#nav98 a::before,
#kanri #side ul li#nav99 a::before {
background-color: rgba(3,32,75,1.00);
}

@media (max-width: 700px) {
#side {
width: auto;
padding-top: 50px;
}
#side #menu02 {
margin-top: 0;
}
/* 700px */ }




@media (max-width: 700px) {
/* ↓ハンバーガーメニュー↓ */
/* nav-toggle */
#nav-toggle {
display: none;
position: fixed;
top: 10px;
left: 10px;
background-color: rgba(3,32,75,1.00);
border-radius: 50%;
}
#nav-toggle div {
width: 40px;
height: 40px;
padding-top: 0px;
}
#nav-toggle > div {
position: relative;
width: 40px;
margin-top: 0px;
}
#nav-toggle span {
width: 60%;
height: 4px;
left: 0;
right: 0;
display: block;
background-color: rgba(255,255,255, 1);
position: absolute;
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
margin: 6px auto;
transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 3px;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 19px;
}
#overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#side {
position: fixed;
height: 100%;
width: 200px;
top: 0px;
left: -200px;
-webkit-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
margin-top: 0px;
}
#nav-toggle {
display: block;
}
/* nav open */
.open {
overflow: hidden;
}
.open #overlay {
display: block;
background-color: rgba(0, 0, 0, 0.7);
}
.open #side {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 200px;
}
/* #nav-toggle close */
.open #nav-toggle {
background-color: rgba(255, 255, 255, 0);
}
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* z-index */
#overlay {
z-index: 200;
}
#side {
z-index: 300;
}
#nav-toggle {
z-index: 400;
}
/* ↑ハンバーガーメニュー↑ */
/* 700px */ }





/* ↓見積り↓ */
tbody td .button-blue3 {
margin: 0.5px 5px 0;
}
.mitsumori-table {
width: 100%;
}
.mitsumori-table thead th {
background: rgba(200,210,230,1.00);
padding: 5px;
}
.mitsumori-table tbody td {
background-color: rgba(255,255,255,1.00);
}
.mitsumori-table tbody td.hinmei {
width: 50%;
}
.mitsumori-table tbody td.kosuu {
width: 3%;
}
.mitsumori-table tbody td.tanka {
width: 3%;
}
.mitsumori-table tbody td.goukei {
width: 3%;
}
.mitsumori-table tbody td.bikou {
width: 40%;
}
.mitsumori-table tbody td.gyou {
width: 1%;
}
.mitsumori-table tbody td.kosuu input[type="number"] {
width: 50px!important;
}
.mitsumori-table tbody td input[type="number"] {
width: 100px!important;
text-align: right;
}
.mitsumori-table tbody td input[type="number"]::-webkit-outer-spin-button, 
.mitsumori-table tbody td input[type="number"]::-webkit-inner-spin-button { 
-webkit-appearance: none; 
margin: 0; 
}

.price-minus {
color: rgba(255,0,4,1.00);
}
#mitsumori-goukei {
display: block;
width: 100%;
font-size: 0;
background-color: rgba(250,250,250,1.00);
}
#mitsumori-goukei p {
display: inline-block;
width: calc(100% / 3);
font-size: 13px;
padding: 10px;
}
#mitsumori-goukei input[type="text"] {
width: 100%;
text-align: right;
}
.mitsumori-table input:read-only,
#mitsumori-goukei input:read-only {
background-color: rgba(255,255,255,1.00);
border: 1px solid rgba(240,240,240,1.00);
}






#mitumori-file {
background-color: rgba(255,255,255,1.00);
padding: 10px;
}
#mitumori-file .file-row {
display: block;
padding: 5px;
}


.btn-add {
background-color: rgba(0,150,180,1.00);
color: rgba(255,255,255,1.00);
border-radius: 3px;
padding: 5px 10px;
font-size: 13px;
line-height: 20px;
}
button.remove,
button.remove-file{
display: inline-block;
background-color: rgba(122,0,2,1.00);
color: rgba(255,255,255,1.00);
border-radius: 30px;
font-size: 13px;
line-height: 20px;
width: 20px;
}
button.btn-submit {
display: inline-block;
padding: 5px 10px;
background-color: rgba(0,152,255,1.00);
color: rgba(255,255,255,1.00);
font-size: 13px;
line-height: 20px;
border-radius: 3px;
}

#mitumori-file-box img {
width: 100px;
margin: 5px;
height: auto;
border: 1px solid rgba(240,240,240,1.00);
}

.input-text-short {
width: 200px!important;
}

/* ↑見積り↑ */