@charset "UTF-8";
/*--------------------------------
初期設定
---------------------------------*/
body {width: 100%; color: #181818; font-family:"游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "MS Pゴシック", sans-serif; line-height: 180%; word-break: break-all; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; min-width: 320px; padding: 0px;background-color: #ccc;}
a {color: #181818;text-decoration: none;}
img {max-width: 100%;height: auto;}
p, ul li, ol li, dl dt, dl dd{margin:0; padding:0; font-size:18px;line-height: 180%;}
ul{ margin:0; padding:0}
ul li{ margin:0; padding:0; list-style-type:none}
.clearfix::after { content: ""; display: block; clear: both;}
figure{margin: 0;padding: 0;}
hr {height: 1px;border: none;border-top: 1px #ccc solid;}
ol li{list-style-type:decimal!important;}
.textred {color: red;}
.box {background-color: #fff;}
/*--------------------------------
フォーム
---------------------------------*/
.form-inputtext{width: 100%; padding: 5px 3px;  border: 1px solid #999;font-size: 16px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;outline: none;border-radius: 3px;}
.form-textarea{width: 100%; padding: 5px 3px;  border: 1px solid #999;font-size: 16px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;outline: none;border-radius: 3px;line-height: 180%;}
.btn {width: 150px;height: 50px;padding: 5px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #005f85;font-size: 18px;color: #fff;font-weight: 500;outline: none;margin: 20px 10px;vertical-align:top;}
.btn:active{border-bottom: none;background-color: #043549;}
.btn-estimate-company {width: 150px;height: 50px;padding: 5px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #005f85;font-size: 18px;color: #fff;font-weight: 500;outline: none;margin: 20px 10px;vertical-align:top;}
.btn-estimate-company:active{border-bottom: none;background-color: #043549;}

.btn2 {width: 150px;height: 50px;padding: 5px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #ff9500;font-size: 18px;color: #fff;font-weight: 500;outline: none;margin: 20px 10px;vertical-align:top;}
.btn2:active{border-bottom: none;background-color: #925d00db;}
.btn3 {width: 70px;height: 30px;padding: 3px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #04c83e;font-size: 16px;color: #fff;font-weight: 500;outline: none;margin: 5px 10px;vertical-align:top;}
.btn3:active{border-bottom: none;background-color: #925d00db;}
.btn4 {width: 70px;height: 30px;padding: 3px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #ff0090;font-size: 16px;color: #fff;font-weight: 500;outline: none;margin: 5px 10px;vertical-align:top;}
.btn4:active{border-bottom: none;background-color: #500136db;}

.btn5 {width: 50px;height: 30px;padding: 3px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #005f85;font-size: 14px;color: #fff;font-weight: 500;outline: none;margin: 5px 10px;vertical-align:top;}
.btn5:active{border-bottom: none;background-color: #043549;}

select {border:1px solid #999; padding: 5px 25px 5px 5px;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;z-index: 1;background: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; font-size: 14px;border-radius: 3px;}
.sl{position: relative;}
.sl::after {position: absolute;right:15px;top: 3px;content: "▼";font-size: 10px;width: 5px;height: 5px;display: block;color: #999;}
.sl-report-3{position: relative;}
.sl-report-3::after {position: absolute;right:10px;top: -5px;content: "▼";font-size: 10px;width: 5px;height: 15px;display: block;color: #999;}
.checkbox {display: none;}
.checkbox + .checkbox-icon {position: relative;vertical-align: middle;}
.checkbox + .checkbox-icon:before {content: '\f0c8';font-family: "Font Awesome 5 Free";color: #333;font-size: 25px;font-weight: 500;}
.checkbox:checked + .checkbox-icon:before {content: '\f14a';color: #333;font-weight: 900;}
.checkbox + .checkbox-hidden-icon {position: relative;vertical-align: middle;}
.checkbox + .checkbox-hidden-icon:before {content: '\f0c8';font-family: "Font Awesome 5 Free";color: #666;font-size: 25px;font-weight: 900;}
.checkbox:checked + .checkbox-hidden-icon:before {content: '\f14a';color: #666;font-weight: 900;}
.radio {visibility: hidden;}
.radio + .radio-icon:before {content: "\f111";font-family: "Font Awesome 5 Free";color: #333;font-size: 18px;}
.radio:checked + .radio-icon:before {content: "\f192";color: #333;}
.btnwrap {text-align: center;margin: 10px 0;}
.btnwrap2 {text-align: center;margin: 10px 0;}
.btnwrap-estimate-company {text-align: center;margin: 10px 0;}


/*--------------------------------
ヘッダー
---------------------------------*/
header {text-align: right;padding: 15px 20px; display: flex;justify-content: space-between;}
header p{font-size: 16px;color: #666;letter-spacing: 2px;}
header p span {font-size: 12px;color: #888;letter-spacing: 0;}
.cont-title{font-size: 14px;}
.account-name {margin-right: 40px;}
.account-name span {display: none;}
/*--------------------------------
ログイン
---------------------------------*/
.loginwrap{margin: 100px 20px 0 20px;padding:50px 20px 5px 20px;position: relative;}
.logintext {margin-bottom: 20px;}
.usernamebox{width: 100%;}
.logo{width: 200px; margin: 10px auto 20px auto;}
.chara {position: absolute;top:-110px;right: 0;left: 0;width: 100px;margin: 0 auto;}
/*--------------------------------
フッター
---------------------------------*/

/*--------------------------------
共通
---------------------------------*/

/*--------------------------------
トップページ
---------------------------------*/
.indexbtn a{display: block;letter-spacing: 3px;font-size: 18px;width: 220px;text-align: center;background-color:#005f85 ;color: #fff;height: 50px;line-height: 50px;margin: 0 auto 30px auto;}
.indexbtn a span{letter-spacing: -1px;}
.indexbtnwrap {padding: 50px 0 30px 0;}


/*--------------------------------
コンテンツ共通
---------------------------------*/
.cont{margin: 10px 20px 10px 20px;padding: 20px;position: relative;}
.cont2{margin: 10px 20px 10px 20px;padding: 20px;position: relative;}
h2 {font-size: 16px;background-color: #fff;position: relative;font-weight: bold;color: #666;margin-top: 20px;}
h2::after{content: '';width: 30%;height: 1px;background-color: #ceddee;position: absolute;top: 14px;margin-left: 10px;}
/*--------------------------------
日報
---------------------------------*/
.report-btn {display: block;letter-spacing: 3px;font-size: 18px;width: 220px;text-align: center;background-color:#005f85 ;color: #fff;height: 50px;line-height: 50px;margin: 0 auto 30px auto;}
.report-list-month {font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.report-list {font-size: 16px;list-style: 180%;}
.report-list-comment {padding: 0 10px;font-size: 16px;}
.report-list-day{padding: 0 10px;font-size: 16px;}
.report-list-btn{margin-bottom: 20px;border-bottom: 1px #ccc solid;padding: 0 10px 20px 10px;font-size: 16px;}
.report-list-btn a {display: block;letter-spacing: 3px;font-size: 14px;width: 120px;text-align: center;background-color:#fff ;color: #005f85;height: 35px;line-height: 35px;margin: 20px auto 5px auto;border: 1px #005f85 solid;border-radius: 5px;}
.pagination {display: flex;width: 350px;margin: 50px auto 20px auto;justify-content:center;}
.pagination a {font-size: 16px;padding: 5px; margin: 5px;}
.pagination-center{font-size: 20px!important;font-weight: bold;color: #005f85;}
.pagination-icon{color: #005f85;font-size: 18px!important;}

.report-1{margin-bottom: 50px;}
.report-1-1{display: flex;margin-bottom: 15px;}
.report-1-1 span {margin-left: 15px;margin-top: 15px;}
.report-2{margin-bottom: 50px;display: flex;}
.report-2 span {margin-left: 15px;margin-top: 15px;}
.report-3{margin-bottom: 20px;}
.report-3 select{margin-bottom: 10px;}
.btn-report-3 {width: 100%;height: 35px;padding: 5px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #005f85;font-size: 24px;color: #fff;font-weight: 500;outline: none;margin: 20px 0;vertical-align:top;}
.btn-report-3:active{border-bottom: none;background-color: #043549;}
.report-4 {text-align: center;margin-bottom: 50px;}
.report-5 {margin-bottom: 50px;}
.report-6 {margin-bottom: 50px;}
.report-6-1{font-size: 30px; font-weight: bold;margin-bottom: 30px;}
.report-6-2{display: block;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.report-6-3{font-size: 16px;margin-left: 10px;}

.report-7 table {margin: 0 auto 20px auto;width: 100%;}
.report-7 table,td {border: 1px solid #999;border-collapse: collapse;box-sizing: border-box;text-align: center;white-space: nowrap}
.report-7 table th {border: 1px solid #999;border-bottom: 1px solid #999;font-size: 14px;background-color: #ccc;white-space: nowrap}
.report-7 table a {text-decoration: none;}
.report-7 table .price {text-align: right;padding-right: 15px;padding-left: 15px;}
.report-7 table td img {width: 20px;margin-top: 10px;}
.table-containe{overflow-x:scroll;width: 100%;}
.report-7 .total{background-color: #fff4f7;}
.report-8 {text-align: center;margin-bottom: 10px; margin-top: 50px;}

.report-textarea{height: 120px;}
.report-mark{font-size: 24px;color: #666;}
/*--------------------------------
見積もり
---------------------------------*/
.estimate-company{margin: 40px 20px 0 20px;padding:50px 20px 5px 20px;background-color: #fff;}
.estimate-company-name{font-size: 24px;margin-bottom: 30px;}
.estimate-explanationtext1{font-size: 16px;margin-bottom: 10px;}


.estimate1 {margin-bottom: 50px;}
.estimate1 table {margin: 0 auto 10px auto;width: 100%;}
.estimate1 table,td {border: 1px solid #999;border-collapse: collapse;box-sizing: border-box;text-align: center;white-space: nowrap;}
.estimate1 table th {border: 1px solid #999;border-bottom: 1px solid #999;font-size: 14px;background-color: #ccc;white-space: nowrap}
.estimate1 table a {text-decoration: none;}
.estimate1 table .price {text-align: right;padding-right: 15px;padding-left: 15px;}
.estimate1 table td img {width: 20px;margin-top: 10px;}
.estimate1 table a {display: block;width: 100%;height: 100%;}
.estimate-projectname{font-size: 20px;margin-bottom: 40px;border-bottom: 1px dashed #eaeaea;padding-bottom: 20px;}


.estimate2{margin-bottom: 30px;}
.estimate2-1{display: flex;margin-bottom: 15px;}
.estimate2-1 span {margin-left: 15px;margin-top: 15px;}
.estimate2-1 .form-inputtext {width: 175px;}

.sl-estimate-3{position: relative;}
.sl-estimate-3::after {position: absolute;left:205px;top: 3px;content: "▼";font-size: 10px;width: 5px;height: 15px;display: block;color: #999;}
.sl-estimate-3 select{width: 140px;}
.sl-estimate-3 .sl-estimate-3title{margin-top: 12px;margin-bottom: -12px;margin-right: 10px;}

.estimate7 {margin-bottom: 50px;}
.estimate7 table {margin: 0 auto 10px auto;width: auto;table-layout: fixed;width: 100%;}
.estimate7 table,td {border: 1px solid #999;border-collapse: collapse;box-sizing: border-box;text-align: center;white-space: nowrap;font-size: 15px;}
.estimate7 table th {border: 1px solid #999;border-bottom: 1px solid #999;font-size: 13px;background-color: #ccc;white-space: nowrap;box-sizing: border-box;}
.estimate7 table td img {width: 20px;margin-top: 5px;}
.estimate7 th:first-child {width: 100%;}
.estimate7 th:nth-child(2) {width: 80px;}
.estimate7 th:nth-child(3) {width: 50px;}
.estimate7 th:nth-child(4) {width: 130px;}
.estimate7 th:nth-child(5) {width: 130px;}
.estimate7 th:nth-child(6) {width: 50px;}
.estimate7 th:nth-child(7) {width: 150px;}
.sl-estimate-8{position: relative;}
.sl-estimate-8::after {position: absolute;right:10px;top: -7px;content: "▼";font-size: 10px;width: 5px;height: 15px;display: block;color: #999;}
.estimate7-1{font-size: 12px; color: #333;}
.estimate7-2 .form-inputtext{width: 100%; padding: 5px 5px;  border: 1px solid #999;font-size: 14px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;outline: none;border-radius: 3px;color: #333;}
.estimate7-2 select{ padding: 10px 25px 10px 15px; font-size: 12px; color: #333;}
.estimate7 p {text-align: right;margin-bottom: 30px;}


.estimate8 {margin-bottom: 30px;}
.estimate8-price {font-size: 26px; margin-bottom: 20px;}

.estimate10{margin-bottom: 15px;margin-top: 20px;}
.estimate10 .form-inputtext {width: 60px;}

.estimate-ca-list{max-height: 100px; overflow-y: auto;margin: 0;padding-left: 1.2em;background: #e5e5e5;border-radius: 3px;}
.estimate-ca-list2 a{font-size: 16px;color: #666;padding-right: 20px;}

/*--------------------------------
グッズ
---------------------------------*/
.goods-alert1{color: red;margin-bottom: 30px;}
.estimate12 {margin-bottom: 50px;}
.estimate12 table {margin: 0 auto 10px auto;width: 100%;}
.estimate12 table,td {border: 1px solid #999;border-collapse: collapse;box-sizing: border-box;text-align: center;white-space: nowrap;}
.estimate12 table th {border: 1px solid #999;border-bottom: 1px solid #999;font-size: 14px;background-color: #ccc;white-space: nowrap}
.estimate12 table td img {width: 20px;margin-top: 10px;}
.estimate12 td select {width: 100%;box-sizing: border-box;}
.estimate12 table .th-shiire{background-color: #292929;color: #fff;}
.estimate12 table .td-g-left{text-align: left;}
.netorder{width: 90px;margin-top: 2px;margin-left: 10px;}
/*--------------------------------
管理者
---------------------------------*/
.admin1 h2 span {font-size: 14px;margin-left: 15px;}
.admin1 {margin-bottom: 50px;}
.admin1 table {margin: 0 auto 10px auto;width: 100%;}
.admin1 table,td {border: 1px solid #999;border-collapse: collapse;box-sizing: border-box;text-align: center;white-space: nowrap;}
.admin1 table th {border: 1px solid #999;border-bottom: 1px solid #999;font-size: 14px;background-color: #ccc;white-space: nowrap}
.admin1 table a {text-decoration: none;}
.admin1 table .price {text-align: right;padding-right: 15px;padding-left: 15px;}
.admin1 table td img {width: 20px;margin-top: 10px;}
.admin1 table a {display: block;width: 100%;height: 100%;}
.admin1 table .price {text-align: right;padding-right: 15px;padding-left: 15px;}
.admin1 table .category {text-align: left;padding-right: 15px;padding-left: 15px;}
.admin1 .total{background-color: #fff4f7;}
.admin2 {margin-bottom: 40px;}
.admin1 .report-6 {margin-bottom: 0px;}
.admin-0 {margin-bottom: 50px;}
.admin-3 {margin-bottom: 50px;}
.admin-3 p{margin-bottom: 100px;background-color: #f2f2f2;padding:30px 20px;}
.admin-3 h2{margin-bottom: 30px;}


/*--------------------------------
登録画面
---------------------------------*/
.master-tdleft {text-align: left;padding-left: 15px;padding-right: 15px;}
.staff-input-chek{font-size: 18px;margin: 30px 20px;}
.staff-input-chek label{margin-right: 25px;}
.code-number {font-size: 14px;color: #666;margin: 20px 0;}
.code-number span{margin-left: 10px;}
.category-width .table-containe table{box-sizing: border-box;table-layout: fixed;}
.category-width th:first-child {width: 950px;}
.category-width  th:nth-child(2) {width: 100px;}
.category-width  th:nth-child(3) {width: 100px;}

.shima-width th:first-child {width: 150px;}
.shima-width  th:nth-child(3) {width: 100px;}
.shima-width  th:nth-child(4) {width: 100px;}
.shima-width  th:nth-child(6) {width: 70px;}
.shima-width  th:nth-child(7) {width: 100px;}


.staff-width .table-containe table{box-sizing: border-box;table-layout: fixed;}
.staff-width th:first-child {width: 100px;}
.staff-width  th:nth-child(2) {width: 800px;}
.staff-width  th:nth-child(3) {width: 100px;}

.shima-width .table-containe table{box-sizing: border-box;table-layout: fixed;}
.shima-width th:first-child {width: 110px;}
.shima-width  th:nth-child(2) {width: 100%;}
.shima-width  th:nth-child(3) {width: 70px;}
.shima-width  th:nth-child(4) {width: 100px;}
.shima-width  th:nth-child(5) {width: 80px;}
.shima-width  th:nth-child(6) {width: 80px;}
.shima-width  th:nth-child(7) {width: 80px;}
.shima-width  th:nth-child(8) {width: 80px;}
/*--------------------------------
tableセルサイズ
---------------------------------*/







@media screen and (min-width: 601px) {
/*--------------------------------
ログイン600
---------------------------------*/
.loginwrap{margin: 0 auto 0 auto;padding:50px 20px 5px 20px;width: 500px; position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.logintext {width: 400px;margin: 20px auto 30px auto;}
/*--------------------------------
ヘッダー600
---------------------------------*/
.account-name span {display: inline-block;}

/*--------------------------------
トップ600
---------------------------------*/
.indexbtnwrap {padding: 80px 0 70px 0;width: 600px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.indexbtn {display: grid;grid-template-columns: 295px 295px;grid-template-rows: 70px;gap: 10px;}
.indexbtn a{width: 250px;}

/*--------------------------------
見積もり600
---------------------------------*/
.estimate-company{margin: 40px auto 0 auto;padding:50px 30px 20px 30px;width: 400px;}


}


@media screen and (min-width: 1001px) {
.logo{margin: 20px auto 40px auto;}
.chara {position: absolute;top:-160px;right: 0;left: 0;width: 150px;margin: 0 auto;}
/*--------------------------------
ヘッダー1000
---------------------------------*/

/*--------------------------------
トップページ1000
---------------------------------*/
.indexbtnwrap{width: 800px;text-align: center;}
.indexbtn {margin: 30px auto;width: 600px;}

/*--------------------------------
コンテンツ共通1000
---------------------------------*/
.cont{margin: 10px auto;padding: 30px;width: 950px;}
.cont2{margin: 10px auto;padding: 30px;width: 950px;}
/*--------------------------------
日報1000
---------------------------------*/
.report-btn {margin: 20px 0 40px 0;}
.report-list{display: flex;flex-wrap: wrap;}
.report-list-day{margin: 0 0 30px 0;padding: 0 0 20px 0;border-bottom: 1px #ccc solid;width: 100px;text-align: center;}
.report-list-comment{margin: 0 0 30px 0;padding: 0 0 20px 0;border-bottom: 1px #ccc solid;width: 650px;}
.report-list-btn{margin: 0 0 30px 0;padding: 0 0 20px 0;width: 200px;}
.report-list-btn a{margin: 0 auto 0 auto;}
.report-list-month {margin-bottom: 50px;}

.report-6{display: flex;}
.report-6-1{display: flex;margin-right: 70px;font-size: 36px;}
.report-6-2{margin-right: 20px;}
.table-containe{overflow-x:scroll;width: 100%;}
.report-0 {display: flex;}
.report-1 {display: flex;margin-right: 100px;}
.report-1-1 span {margin-right: 15px;}

/*--------------------------------
見積もり1000
---------------------------------*/
.estimate-company{margin: 0 auto 0 auto;padding:70px 30px 0 30px;width: 700px;position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.estimate-company-wrap{display: flex;margin-bottom: 100px;}
.btn-estimate-company {width: 150px;height: 50px;padding: 5px 8px; border-top: none;border-left: none;border-right: none;border-bottom: none;background-color: #005f85;font-size: 18px;color: #fff;font-weight: 500;outline: none;margin:0 20px;vertical-align:top;}
.btn-estimate-company:active{border-bottom: none;background-color: #043549;}
.btnwrap-estimate-company {text-align: center;margin: 0;}
.estimate-company-wrap .sl{width: 100%;}
.estimate-newtitle{display: flex;margin-bottom: 30px;}
.estimate-newtitle .estimate-newtitle-input{width: 100%;}
.estimate1 {margin-bottom: 100px;}

.estimate2 {display: flex;margin-right: 100px;}
.estimate2-1 span {margin-right: 15px;}
.estimate4 {display: flex;}
.estimate5 {width: 210px;}
.estimate6 {width: 45%;margin-right: 15px;}
.estimate9 {width: 380px}
.estimate8 {margin-bottom: 30px;text-align: right;}
.estimate8-price {font-size: 26px; margin-bottom: 20px;width: 190px;}
.estimate8-2 {width: 180px;margin: 0 0 0 auto;}
.estimate8-3 {display: flex;}

.sl-estimate-3{display: flex;}
.estimate10{margin-bottom: 0;margin-top: 0;margin-left: 30px;}
.estimate11 {display: flex;margin-bottom: 50px;margin-top: -40px;}
.estimate-ca-wrap{margin-bottom: 30px;margin-top: -50px;}
/*--------------------------------
管理者1000
---------------------------------*/


.admin-0 {display: flex;margin-bottom: 50px;}
.admin-0 div{margin-right: 10px;width: 300px;}
.admin-3 p{padding:50px;}
.admin2 {display: flex;}

}

@media screen and (min-width: 1280px) {

/*--------------------------------
トップ1200
---------------------------------*/

}

@media screen and (min-width: 1500px) {
/*--------------------------------
コンテンツ共通1500
---------------------------------*/
.cont{margin: 20px auto;padding: 50px;width: 1200px;}
.cont2{margin: 20px auto;padding: 50px;width: 1200px;}
.report-list-comment {font-size: 18px;width: 900px;}
.report-list-day{font-size: 18px;}


}
@media screen and (min-width: 1900px) {
/*--------------------------------
コンテンツ共通1900
---------------------------------*/
.cont2{margin: 20px auto;padding: 50px;width: 1600px;}
.table-containe{overflow-x:visible;}
}